HTML表格结构与属性详解-优快云博客

本文详细解析了HTML中表格的结构与常用属性，包括table、tr、td、th等元素的使用方法，以及如何设置边框、间距、背景色等样式属性。同时介绍了表格的thead、tbody、tfoot部分及其作用。

表格标记

< table border="" cellspacing="" cellpadding="">
< tr>< th>header< /th>< /tr>
< tr>< td>Data< /td>< /tr>
< /table>
< table>< /table>用于定义一个表格
< tr>< /tr>用于定义表格中的行，必须嵌套在table中
< td>< /td>用于定义表格中的单元格，必须嵌套在tr中
< th>< /th>用于定义表格中的单元格，里面的字是加粗的，必须嵌套在tr中
表示表头
table常用的属性
border="" 表格的边框属性
cellspacing="“设置单元格与单元格边框之间的空白间距
cellpadding=”“设置单元格内容与单元格边框之间的空白间距
bgcolor设置表格的背景色
background设置表格的背景图片
tr常用的属性
align=“”设置一行内容水平方向的对齐方式
valign=”" 设置一行内容垂直方向的对齐方式
bgcolor设置表格的背景色
background设置表格的背景图片
td常用的属性
align=“”设置一行内容水平方向的对齐方式
valign="" 设置一行内容垂直方向的对齐方式
bgcolor设置表格的背景色
background设置表格的背景图片
colspan设置单元格横跨的列数
rowspan设置单元格竖跨的行数

表格的结构
< table>
< caption>表格的名称< /caption>
表格的头部
< thead>
< tr>< td></ td>< /tr>
</ thead>
表格的中间内容部分
< tbody>
< tr>< td>< /td>< /tr>
< /tbody>
表格的底部
< tfoot>
< tr>< td>< /td>< /tr>
< /tfoot>
</ table>