1.建立如图所示表格
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>学生信息表</title>
</head>
<body>
<table style="width: 60%;text-align: center;" cellspacing="2" cellpadding="3" border="1px">
<tr>
<td rowspan="5" style="background-color: darkorange">学生</td>
<td colspan="6" style="background-color: aqua;color: red">学生信息表</td>
</tr>
<tr style="background-color: salmon">
<td>序号</td>
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
<td>电话</td>
<td>住址</td>
</tr>
<tr style="background-color: darkgray">
<td>1</td>
<td>张三</td>
<td>男</td>
<td>23</td>
<td>110</td>
<td>雁塔</td>
</tr>
<tr style="background-color: darkgray">
<td>2</td>
<td>张三</td>
<td>男</td>
<td>23</td>
<td>110</td>
<td>雁塔</td>
</tr>
<tr style="background-color: darkgray">
<td>3</td>
<td>张三</td>
<td>男</td>
<td>23</td>
<td>110</td>
<td>雁塔</td>
</tr>
</table>
</body>
</html>
2.创建标签表格
如图所示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>常见表单输入元素</title>
</head>
<body>
<table style="width: 60%;text-align: center; background-color: darkseagreen;color: darkslateblue" cellspacing="2" cellpadding="3" border="1px">
<tr>
<td>姓名</td>
<td><input type="text"></td>
<td>性别:</td>
<td>
<select>
<option>--选择性别--</option>
<option>男</option>
<option>女</option>
</select>
</td>
</tr>
<tr>
<td>手机号码</td>
<td><input type="text"></td>
<td>电子邮箱</td>
<td><input type="text"></td>
</tr>
<tr>
<td>教育程度</td>
<td>
<select>
<option>小学</option>
<option>初中</option>
<option>高中</option>
<option>大专</option>
<option>大学</option>
<option>硕士</option>
<option>博士</option>
<option>博士后</option>
</select>
</td>
<td>工作职位</td>
<td><input type="text"></td>
</tr>
<tr>
<td>工作城市</td>
<td>
<select>
<option>--选择城市--</option>
<option>--上海--</option>
<option>--深圳--</option>
<option>--北京--</option>
<option>--广州--</option>
<option>--西安--</option>
</select>
</td>
<td>期望工资</td>
<td> <select>
<option>--选择区间--</option>
<option>-- 8k-10k --</option>
<option>-- 10k-12k --</option>
<option>-- 12k-14k --</option>
<option>-- 14k-16k --</option>
<option>-- 16k+ --</option>
</select></td>
</tr>
<tr>
<td>自我介绍</td>
<td colspan="3"><textarea style="width: 95%"></textarea></td>
</tr>
<tr>
<td>特长</td>
<td colspan="3"><textarea style="width: 95%"></textarea></td>
</tr>
<tr>
<td>地址</td>
<td colspan="3"><textarea style="width: 95%"></textarea></td>
</tr>
</table>
<input type="submit" value="添加">
<input type="reset" value="重置"><br/>
</body>
</html>