5.1 表格的标签结构
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
</table>
表格的作用
早期
表格用于展示网 页中的数据显示
后来
表格用Leabharlann Baidu实现网 页的布局结构
现在
表格用于展示网 页中的数据显示
caption、thead、tbody、tfoot便于添加样式控制表格的各个部分
</tbody>
表头
表格标题 表头 表头
<tfoot><!--表格尾部，可省略--> <tr> <th></th>…<th></th> </tr>
</tfoot>
</table>
表格主体 表格尾部
表头
表格的简略标签结构
<table> <tr><!--行--> <td></td> … <td></td><!--单元格--> </tr> …
表格的标签结构
表格的完整标签结构
<table>
<caption>标题</caption><!--表格标题，可省略-->
<thead><!--表格头部，可省略--> <tr> <th></th>…<th></th><!--表头单元格，粗体显示，可省略--> </tr>
</thead>
<tbody><!--表格主体，可省略--> <tr><!--行--> <td></td>… <td></td><!--单元格--> </tr> …
表格的作用
早期
表格用于展示网 页中的数据显示
后来
表格用Leabharlann Baidu实现网 页的布局结构
现在
表格用于展示网 页中的数据显示
caption、thead、tbody、tfoot便于添加样式控制表格的各个部分
</tbody>
表头
表格标题 表头 表头
<tfoot><!--表格尾部，可省略--> <tr> <th></th>…<th></th> </tr>
</tfoot>
</table>
表格主体 表格尾部
表头
表格的简略标签结构
<table> <tr><!--行--> <td></td> … <td></td><!--单元格--> </tr> …
表格的标签结构
表格的完整标签结构
<table>
<caption>标题</caption><!--表格标题，可省略-->
<thead><!--表格头部，可省略--> <tr> <th></th>…<th></th><!--表头单元格，粗体显示，可省略--> </tr>
</thead>
<tbody><!--表格主体，可省略--> <tr><!--行--> <td></td>… <td></td><!--单元格--> </tr> …