个人信息表的网页

  对HTML标签的总结

  1、学习的行内标签和块级元素分别有哪些?

  行内标签:span,strong,a,img,input,textarea

  块级元素:p,h1-h6,p,hr,pre,ul,ol,dd,dt,th.tr,td

  2、两者的区别与特性;

  1).块级元素独占一行空间,行内元素只占据自身宽度的空间;

  2).块级元素是可以包含块级元素和行内元素;行内元素只能包含文本信息和行内元素;

  3).块级元素可以设置宽和高,行内元素设置的宽和高失效;

  3、如何让块级元素居中?如何让行内元素居中?

  1);块级元素居中:margin:0auto

  2)行内元素居中:text-aligin:center

  个人信息

  包含姓名、性别等常见的内容。

  

  

  

  

  <!DOCTYPEhtml>

  <htmllang="en">

  <head>

  <metacharset="UTF-8">

  <title>个人信息</title>

  </head>

  <body>

  <h2align="center">个人信息表</h2>

  <tablestyle="border:1px;margin:0auto;background:snow"width="50%"cellpadding="5"cellspacing="0">

  <tr>

  <tdstyle="background:salmon">姓名</td>

  <td><inputtype="text"style="width:95%"></td>

  <td>性别</td>

  <td><selectstyle="width:96%">

  <option>男</option>

  <option>女</option>

  </select></td>

  </tr>

  <tr>

  <td>手机号码</td>

  <td><inputtype="tel"style="width:95%"></td>

  <td>电子邮箱</td>

  <td><inputtype="email"style="width:95%"></td>

  </tr>

  <tr>

  <td>教育程度</td>

  <td><inputstyle="width:95%;"type="text"></td>

  <td>工作职位</td>

  <td><inputstyle="width:95%;"type="text"></td>

  </tr>

  <tr>

  <td>工作城市</td>

  <td><inputstyle="width:95%;"type="text"></td>

  <td>期望工资</td>

  <td><inputstyle="width:95%;"type="text"></td>

  </tr>

  <tr>

  <td>自我介绍</td>

  <tdcolspan="3"><inputtype="text"style="width:98%;"></td>

  </tr>

  <tr>

  <td>特长</td>

  <tdcolspan="3"><inputtype="text"style="width:98%;"></td>

  </tr>

  <tr>

  <td>家庭住址</td>

  <tdcolspan="3"><inputtype="text"style="width:98%;"></td>

  </tr>

  <tr>

  <tdcolspan="4"align="right">感谢您的参与</td>

  </tr>

  <tr>

  <tdcolspan="4"align="right">

  <inputtype="submit"value="提交">

  <inputtype="reset"value="退出">

  </td>

  </tr>

  </table>

  </body>

  </html>