龙空技术网

HTML表格及合并单元格(二)

二渡河 187

前言:

而今咱们对“html列合并”大致比较注意,看官们都需要了解一些“html列合并”的相关资讯。那么小编同时在网络上汇集了一些有关“html列合并””的相关内容,希望咱们能喜欢,各位老铁们一起来学习一下吧!

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>

标题

表格的标题,一个表格只能含有一个表格标题

标签: #html列合并