鲁达 IE浏览效果图
◆HTML5代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>XXX中心小学课程表</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0">
<caption><h3>XXX中心小学课程表</h3></caption>
<tr>
<th>时间</th>
<th>节次</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr>
<td rowspan="3">上午</td>
<td>一</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>语文</td>
<td>数学</td>
</tr>
<tr>
<td>二</td>
<td>英语</td>
<td>音乐</td>
<td>数学</td>
<td>英语</td>
<td>语文</td>
</tr>
<tr>
<td>三</td>
<td>体育</td>
<td>英语</td>
<td>美术</td>
<td>品德</td>
<td>科学</td>
</tr>
<tr>
<td rowspan="3">下午</td>
<td>四</td>
<td>数学</td>
<td>科学</td>
<td>语文</td>
<td>音乐</td>
<td>社会</td>
</tr>
<tr>
<td>五</td>
<td>美术</td>
<td>阅读</td>
<td>体育</td>
<td>书法</td>
<td>体育</td>
</tr>
<tr>
<td>六</td>
<td colspan="5">大活动</td>
</tr>
</table>
</body>
</html>
◆知识拓展
表格<table>标签的基本属性
标签 | 属性 | 注意事项 |
<table></table> | 表格 | 一个表格中，只允许出现一对<table></table>标签 |
<tr></tr> | 表格的行 | 表格内有多少对<tr></tr>，就表示有多少行 |
<th></th> | 表头单元格 | <th></th>标签应写在<tr></tr>内，可以允许有多对<th></th> |
<td></td> | 表格单元格 | <td></td>标签应写在<tr></tr>内，可以允许有多对<td></td> |
<caption></caption> | 标题 | 表格的标题，一个表格只能含有一个表格标题 |