abstrakt：<!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://ipnx.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="#">這是一個(gè)導(dǎo)航</a></li>
<li><a href="#">這是一個(gè)導(dǎo)航</a></li>
<li><a href="#">這是一個(gè)導(dǎo)航</a></li>
</ul>
<table>
<tr>
<td colspan="6">這個(gè)是一個(gè)表格標(biāo)題</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>
Korrigierender Lehrer：天蓬老師Korrekturzeit：2019-01-23 09:00:50
Zusammenfassung des Lehrers：表頭放到<thead>中, 主體放在<tbody>中比較好, 特別是<tbody>不要省略, 就算是你不寫, 瀏覽器也會(huì)自動(dòng)生成, 如果省略掉了, 那么在用js獲取表格數(shù)據(jù)時(shí)會(huì)出錯(cuò)