HTML5表格基础语法

作者:小小谷 | 创建时间: 2023-04-02
学习目标: 1.表格的基本格式 2.<table>标签下的常用属性 3.<table>标签下的边框设置 4.<tr><th><td>标签下的常用属性 5.拆分与合并单元格 6.表格的结构化、直列化、标题 7.表格的嵌套 在网页中表格是一种经...
HTML5表格基础语法

操作方法

表格的基本格式 格式: <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>下的属性值有:

点击展开全文

更多推荐