html表格追加内容,HTML表格标签

表格标签：

表格标签的作用：用来给一堆数据添加表格语义

表格标签是一种数据的展现形式，当数据量特别大的时候，表格的展现形式很清楚。

表格标签格式：

tr：表格的一行

td：表格的一行中的一个单元格

两行三列

2tr + 3td

表格标签边框属性：

默认值为0

Paste_Image.png

Paste_Image.png

表格标签属性：

-宽度width和高度height ：用于 table和td，tr不能用

默认是按照内容调整，可通过 width / height 改变

-水平对齐和垂直对齐

水平align：用于 table、td、tr

垂直：用于 tr、td

-外边距和内边距：只能用于table

外边距cellspacing：单元格和单元格之间的距离

内边距cellpadding：文字、图片到内边框的距离

细线表格：

Paste_Image.png

Paste_Image.png

表格中添加图片：

Paste_Image.png

Paste_Image.png

Paste_Image.png

caption标签：专门用来设置表格标题的标签，要放置在 table 标签里面，否则无效，并且要放置在 table 开始标签后面

th 标签：表格标签提供的一个专门用来存储每一列的标题的标签，标题会自动加粗、自动居中

td存储数据、th存储标题

Paste_Image.png

Paste_Image.png

单元格合并：

-水平方向合并

可以给td标签添加一个 colspan 属性来指定把一个单元格当作多个单元格来看待，把当前单元格当作两个单元格来看待，但是会多出一些单元格，所以就要删除一些单元格

单元格永远是向后、向下合并

Paste_Image.png

Paste_Image.png

-垂直方向合并 rowspan

垂直方向同理

Paste_Image.png

Paste_Image.png