Correcting teacher:PHPz
Correction status:qualified
Teacher's comments:
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>