个人信息表的网页
对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>
更多相关文章
- 1.理解 box-sizing功能并实例演示; 2. 理解相对定位与绝对定位，并
- 实例演示dom元素的增删改查操作
- 字体图标的引用及页面布局盒模型常用属性
- 字体图标的用法 盒模型的演示 box-sizing的用法
- css_0701作业
- 属性访问器和dom元素的获取、遍历、增加
- 表单，框架，选择器，css的三种插入样式（内联，外部样式，元素中）
- 访问器属性与dom元素获取
- 0701学习实战作业