博客列表 >个人信息表的网页

个人信息表的网页

小丑0o鱼
小丑0o鱼原创
2021年07月20日 17:34:43462浏览
  1.   1、学习的行内标签和块级元素分别有哪些?
  2.   行内标签:span,strong,a,img,input,textarea
  3.   块级元素:p,h1-h6,p,hr,pre,ul,ol,dd,dt,th.tr,td
  4.   2、两者的区别与特性;
  5.   1).块级元素独占一行空间,行内元素只占据自身宽度的空间;
  6.   2).块级元素是可以包含块级元素和行内元素;行内元素只能包含文本信息和行内元素;
  7.   3).块级元素可以设置宽和高,行内元素设置的宽和高失效;
  8.   3、如何让块级元素居中?如何让行内元素居中?
  9.   1);块级元素居中:margin:0auto
  10.   2)行内元素居中:text-aligin:center
  11.   个人信息
  12.   包含姓名、性别等常见的内容。
  1.   <!DOCTYPEhtml>
  2.   <htmllang="en">
  3.   <head>
  4.   <metacharset="UTF-8">
  5.   <title>个人信息</title>
  6.   </head>
  7.   <body>
  8.   <h2align="center">个人信息表</h2>
  9.   <tablestyle="border:1px;margin:0auto;background:snow"width="50%"cellpadding="5"cellspacing="0">
  10.   <tr>
  11.   <tdstyle="background:salmon">姓名</td>
  12.   <td><inputtype="text"style="width:95%"></td>
  13.   <td>性别</td>
  14.   <td><selectstyle="width:96%">
  15.   <option></option>
  16.   <option></option>
  17.   </select></td>
  18.   </tr>
  19.   <tr>
  20.   <td>手机号码</td>
  21.   <td><inputtype="tel"style="width:95%"></td>
  22.   <td>电子邮箱</td>
  23.   <td><inputtype="email"style="width:95%"></td>
  24.   </tr>
  25.   <tr>
  26.   <td>教育程度</td>
  27.   <td><inputstyle="width:95%;"type="text"></td>
  28.   <td>工作职位</td>
  29.   <td><inputstyle="width:95%;"type="text"></td>
  30.   </tr>
  31.   <tr>
  32.   <td>工作城市</td>
  33.   <td><inputstyle="width:95%;"type="text"></td>
  34.   <td>期望工资</td>
  35.   <td><inputstyle="width:95%;"type="text"></td>
  36.   </tr>
  37.   <tr>
  38.   <td>自我介绍</td>
  39.   <tdcolspan="3"><inputtype="text"style="width:98%;"></td>
  40.   </tr>
  41.   <tr>
  42.   <td>特长</td>
  43.   <tdcolspan="3"><inputtype="text"style="width:98%;"></td>
  44.   </tr>
  45.   <tr>
  46.   <td>家庭住址</td>
  47.   <tdcolspan="3"><inputtype="text"style="width:98%;"></td>
  48.   </tr>
  49.   <tr>
  50.   <tdcolspan="4"align="right">感谢您的参与</td>
  51.   </tr>
  52.   <tr>
  53.   <tdcolspan="4"align="right">
  54.   <inputtype="submit"value="提交">
  55.   <inputtype="reset"value="退出">
  56.   </td>
  57.   </tr>
  58.   </table>
  59.   </body>
  60.   </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议