«

HTML5表格基础语法

时间:2024-3-2 18:29     作者:韩俊     分类: Android


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>下的属性值有:

标签: android

热门推荐