HTML表格标签

HTML表格标签

1.1表格的主要作用

表格主要用于显示，展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现的很有条理。

1.2表格的基本语法

<table>
    <tr>
        <td>表格内的文字</td>
        ....
    </tr>
    .....
</table>

1.<table></table>是用于定义表格的标签。

2.<tr></tr>标签用于定义表格中的行，必须嵌套在<table></table>标签中。

3.<td></td>用于定义表格的单元格，必须嵌套在<tr></tr>标签中。

4.字母tb指表格数据（table data）,即数据单元格内容。

1.3表头单元格标签

一般表头单元格位于表格的第一行或者第一列，表头单元格里面的文本内容加粗居中显示。

<th>标签表示html表格的表头部分（table head的缩写）

<table>
    <tr>
        <th>姓名</th>
        ...
    </tr>
    ....
</table>

总结：

表头单元格也是单元格，常用于表格的第一行，突出重要性，表头单元格里面的文字会加粗居中显示。

1.4表格的属性

表格标签这部分属性我们实际开发我们不常用，后面通过css来设置 。

目的有2个

1.记住这些英语单词，后面css会使用。

2.直观感受表格的外观形态。

属性名 属性值 描述

align left ，center,right 规定表格相对周围元素的对齐方式

border 1或"" 规定表格单元是否拥有边框，默认为""，表示没有边框

cellpadding 像素值 规定单元边沿与其内容之间的空白，默认1像素

cellspacing 像素值 规定单元格之间的空白，默认2像素。

width 像素值或百分比 规定表格的宽度