abstract：<!DOCTYPE html><html><head><meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="css.css"><link rel="shortcut
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css.css">
<link rel="shortcut icon" type="image/x-icon" href="http://www.php.cn/static/images/index_dugu2.jpg">
<title>表格</title>
<style>
*{margin: 0px;padding: 0px;}
form{text-align: right;margin: 5px;}
button{width: 70px;height: 20px;color: red;background: blue;}
ul li{list-style: none;float: left;width: 25%;background: blue;height: 50px;line-height: 50px;font-family: 行楷；}
a{text-decoration: none;color: red;}
a:hover{color: white;}
table{border: 1px solid black;width: 60%;height: 400px;margin: 0px auto;border-collapse: collapse;}
tr,td{border: 1px solid black;text-align: center;}
</style>
</head>
<body>
<form method="post" action="#">
<input type="text" name="username" placeholder="请输入用户名">
<input type="password" name="pwd" placeholder="请输入密码">
<button>登陆</button>
</form>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">这是一个导航</a></li>
<li><a href="#">这是一个导航</a></li>
<li><a href="#">这是一个导航</a></li>
</ul>
<table>
<tr>
<td colspan="6">这个是一个表格标题</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
</tr>
<tr >
<td rowspan="2">1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>2</td>
<td>1</td>
<td>2</td>
<td colspan="2">2</td>
</tr>
</table>
</body>
</html>
Correcting teacher：天蓬老师Correction time：2019-01-23 09:00:50
Teacher's summary：表头放到<thead>中, 主体放在<tbody>中比较好, 特别是<tbody>不要省略, 就算是你不写, 浏览器也会自动生成, 如果省略掉了, 那么在用js获取表格数据时会出错