html的table的行和列合并使用
主要使用colspan和rowspan,colspan用于列合并,rowspan用于行合并
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table border="1" width="600" cellspacing="0">
<caption>长江第一小学</caption>
<thead>
<tr>
<th colspan="2">x</th>
<!-- <th>x</th> -->
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="4">上午</td>
<td>1</td>
<th>数学</th>
<th>语文</th>
<th>历史</th>
<th>化学</th>
<th>生物</th>
</tr>
<tr>
<!-- <td>上午</td> -->
<td>2</td>
<th>数学</th>
<th>语文</th>
<th>历史</th>
<th>化学</th>
<th>生物</th>
</tr>
<tr>
<!-- <td>上午</td> -->
<td>3</td>
<th>数学</th>
<th>语文</th>
<th>历史</th>
<th>化学</th>
<th>生物</th>
</tr>
<tr>
<!-- <td>上午</td> -->
<td>4</td>
<th>数学</th>
<th>语文</th>
<th>历史</th>
<th>化学</th>
<th>生物</th>
</tr>
<tr>
<td colspan="7" align="center">中午休息</td>
</tr>
<tr>
<td rowspan="3">下午</td>
<td>1</td>
<th>数学</th>
<th>语文</th>
<th>历史</th>
<th>化学</th>
<th>生物</th>
</tr>
<tr>
<!-- <td>上午</td> -->
<td>2</td>
<th>数学</th>
<th>语文</th>
<th>历史</th>
<th>化学</th>
<th>生物</th>
</tr>
<tr>
<!-- <td>上午</td> -->
<td>3</td>
<th>数学</th>
<th>语文</th>
<th>历史</th>
<th>化学</th>
<th>生物</th>
</tr>
<tr>
<td colspan="7" align="center">放学回家</td>
</tr>
</tbody>
</table>
</body>
</html>