1.表格的基本格式
2.<table>标签下的常用属性
3.<table>标签下的边框设置
4.<tr><th><td>标签下的常用属性
5.拆分与合并单元格
6.表格的结构化、直列化、标题
7.表格的嵌套
在网页中表格是一种经常使用到得设计结构,就像表格的内容中可以包含任何的数据,
如文字、图像、表单、超链接、表格等等,所有在HTML中可以使用的数据,都可以被设
置在表格中,所以有关表格设置的标记与属性页特别多。
工具/原料
HTML
方法/步骤
表格的基本格式
格式:
<table>
<tr>…
<th>…</th>
<th>…</th>
<th>…</th>
</tr>
<tr>
<td>…</td>
<td>…</td>
<td>…</td>
</tr>
</table>
能:
<table>…</table>用来声明表格开始与结束.
<tr>…</tr>用来设置表格的行.
<th>…</th>用来设置标题栏位.
<td>…</td>用来设置数据栏位.
<table>标签下的属性
<table> 标签下的边框设置
1.4 <tr><th><td>标签下的常用属性
拆分与合并单元格
表格的结构化、直列化、标题
(1).结构化格式:
<table>
<thead>……</thead> --------表头区
<tbody>……</tbody> --------表体区
………………………
<tfoot>……</tfoot> --------表尾区
</table>
(2).直列化格式:<colgroup>….</colgroup>
个别直列设置
格式:<col>功能完全和<colgroup>一样.
(3).表格的标题:
<table>
<caption>….</caption>
</table>
<caption>下的属性值有: