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> |
标题 |
表格的标题，一个表格只能含有一个表格标题 |
