1、直接上效果圖
![在這裏插入圖片描述]()
2、源代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>課程表</title>
</head>
<body>
<table border="1px">
<tr>
<td > </td>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<td>星期六</td>
<td>星期天</td>
</tr>
<tr>
<td rowspan="4">上午</td>
<td>Java</td>
<td>python</td>
<td>Java</td>
<td>HTML</td>
<td>CSS</td>
<td rowspan="8" colspan="2"><center>休息日<br />不上課</center></td>
</tr>
<tr>
<td>python</td>
<td>Java</td>
<td>CSS</td>
<td>HTML</td>
<td>Java</td>
</tr>
<tr>
<td>HTML</td>
<td>CSS</td>
<td>HTML</td>
<td>Java</td>
<td>HTML</td>
</tr>
<tr>
<td>HTML</td>
<td>C語言</td>
<td>C語言</td>
<td>Java</td>
<td>HTML</td>
</tr>
<tr>
<td colspan="6"><center>午休</center></td>
</tr>
<tr>
<td rowspan="3">下午</td>
<td>Java</td>
<td>C語言</td>
<td>C語言</td>
<td>python</td>
<td>CSS</td>
</tr>
<tr>
<td>python</td>
<td>Java</td>
<td>python</td>
<td>HTML</td>
<td>C語言</td>
</tr>
<tr>
<td>CSS</td>
<td>HTML</td>
<td>Java</td>
<td>python</td>
<td>C語言</td>
</tr>
</table>
</body>
</html>
3、注意的點
- 跨行（rowspan）與跨列（colspan）都是針對 td 標籤來說的，也就是說，這個屬性是隻有 td 標籤有，tr 標籤是沒有這個屬性的。
- 跨行（rowspan）與跨列（colspan），這兩個屬性的值都是數字，也就是跨越的行數或者列數。
- 一個 td 標籤是可以同時使用 跨行（rowspan）以及 跨列（colspan）
- 在表格中想要讓文字居中，需要在 td 標籤中嵌套一個 center 標籤，將文字括起來。
- center 標籤中可以使用 br 標籤換行
- table 標籤可以設置 border 屬性，即邊框，屬性值單位爲 px（像素），1px（1像素）設置的是邊框的寬度爲一個像素。
