console
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学习表格标签</title>
<style type="text/css">
/* 给表格加上外边框 */
.table{
border-collapse:collapse;
width:400px;
height:200px;
/* 让两个表格重合的地方第二个表格的bordertop框线隐藏,
从而不会加粗显示 */
border-top:hidden;
}
/* 给表格加上内边框, 且将文字剧中排列 */
.table td,th,caption{
border: 1px solid #00f;
color:#00f;
text-align: center;
;
}
</style>
</head>
<body>
<table cellspacing="0" class="table">
<tr>
<th>知识点</th>
<th>重要程度</th>
<th>难度</th>
<th colspan="2" rowspan="2">学习周期</th>
</tr>
<tr>
<td>html</td>
<td>5</td>
<td>3</td>
</tr>
<tr>
<td>css</td>
<td>5</td>
<td>4</td>
<td>10</td>
</tr>
<tr>
<td>js</td>
<td>5</td>
<td>5</td>
<td>20</td>
</tr>
</table>
<tr>
<th>知识点</th>
<th>重要程度</th>
<th>难度</th>
<th colspan="2" rowspan="2">学习周期</th>
</tr>
<tr>
<td>html</td>
<td>5</td>
<td>3</td>
</tr>
<tr>
<td>css</td>
<td>5</td>
<td>4</td>
<td>10</td>
</tr>
<tr>
<td>js</td>
<td>5</td>
<td>5</td>
<td>20</td>
</tr>
</table>
</body>
</html>