html 表格基本知识点

创建表格基本语法

 

<table>

<tr>

<td>单元格文字<td>

</tr>

</table>

 

 

Table,tr,td他们是创建表格的基本标签，缺一不可

1.table用于定义一个表格标签。

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

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

4.字母td值表格数据（table data），即数据单元格的内容，

现在我们明白，表格最合适的地方就是用来存储数据的。

总结：

1.表格的主要目的是用来显示特殊数据的。

2.一个完整的表格有（table），行标签（tr），单元格标签（td），没有列标签。

3.<tr></tr>中只能嵌套<td></td>类的单元格。

4.<td></td>标签，就像一个容器，可以容纳所有的元素。

 

 

属性名	含义	常用属性值
border	设置表格的表框（默认border=“0”无边框）	像素值
cellspacing	设置单元格与单元格边框之间的空白距离	像素值（默认2像素）
cellpadding	设置单元格内容与单元格之间的空白距离	限速值（默认1像素）
width	设置单元格宽度	像素值
height	设置单元格高度	像素值
align	设置表格在网页中的水平对齐方式	left，center，right

 

合并单元格

1.跨行合并：rowspan=“合并单元个数”

2.跨列合并：colspan=“合并单元格的个数 ”

 

<td colspan="2"></td>

td是单元格

标签

表格标签名	定义	说明
<table></table>	表格标签	就像一个四方盒子
<tr></tr>	表格行标签	行标签在table标签内部才有意义
<td></td>	单元格标签	单元格标签是个容器级元素，可以存放东西
<th></th>	表头单元格标签	它是一个单元格，但是里面的文字会居中且加粗
<caption></caption>	表格标题标签	表格标题，跟着表格走，和表格居中对齐
clospan列和rowspan行	合并属性	用来合并单元格
划分
<thead></thead>	表格头部划分	内部必须拥有<tr>标签
<tbody></tbody>	表格身体划分
<tfoot></tfoot>	表格脚注划分