<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title></title>
<style>
table{
border-collapse: collapse;
}
th,td{
padding:0;
}
table{
margin:0auto;
width:500px;
}
th,td{
border:1px solid pink;
font:20px/50px"微软雅黑";
text-align: center;
}
</style>
</head>
<body>
<!--
表格标签
table 表格
thead 表格头
tbody 表格主体
tr 表格行
th 表格头里的单元格(默认加粗并且居中)
td 表格主体里的单元格
tfoot 表格底部
表格的默认样式
table{border-collapse:collapse;} 单元格之间的间隙
th,td{padding:0}
rowspan 合并行(竖着合并)
colspan 合并列(横着合并)
-->
<tablecellspacing="0">
<thead>
<tr>
<th></th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
</thead>
<tbody>
<tr>
<tdrowspan="4"> 上午</td><!--这里代表的是并列4行,最终呈竖向-->
<td>语文 </td>
<td>数学</td>
<td>英文</td>
<td>生物</td>
<td>化学</td>
</tr>
<tr>
<td>语文 </td>
<td>数学</td>
<td>英文</td>
<td>生物</td>
<td>化学</td>
</tr>
<tr>
<td>语文 </td>
<td>数学</td>
<td>英文</td>
<td>生物</td>
<td>化学</td>
</tr>
<tr>
<td>语文 </td>
<td>数学</td>
<td>英文</td>
<td>生物</td>
<td>化学</td>
</tr>
<tr>
<tdrowspan="2"> 下午</td>
<td>语文 </td>
<td>数学</td>
<td>英文</td>
<td>生物</td>
<td>化学</td>
</tr>
<tr>
<td>语文 </td>
<td>数学</td>
<td>英文</td>
<td>生物</td>
<td>化学</td>
</tr>
<tr>
<tdcolspan="6">夜自习</td><!--这里表示并列6列,最终呈行显示-->
</tr>
</tbody>
</table>
</body>
</html>