表格学习笔记

五、表格

1.简介

表格是一个规则的行列结构，每个表格是由若干行组成的，每行是由若干个单元格组成

table、row、column

2.基本结构

2.1table标签

用来定义表结构

常用属性：

• border属性：边框，默认值为0

• width/height：宽度/高度

• align水平对齐，取值：left（默认）、center、right

• bordercolor边框颜色

• bgcolor：背景颜色

• background：背景图片

• cellspacing间距，单元格与单元格之间的间距

• cellpading边距，单元格内容与边界之间的距离

2.2tr标签

table row 用来定义行

常用属性：

• align：水平对齐，取值left（默认）、center、right
• valign：垂直对齐，取值：top、middle（默认）、bottom
• bgcolor：背景颜色
• background：背景图片

2.3td标签

table data 用来定义单元格

常用属性：align、valiqn、bgcolor、background

注意：表格是由行组成的，行必须由单元格组成，数据必须放到单元格中

案例：

3.合并单元格

也称为表格的跨行跨列

两个属性：

• rowspan

  设置单元格所跨的行数

• colspan

  设置单元格所跨的列数

步骤：

​ 1.在跨越的单元格中设置rowspan/colspan属性

​ 2.将被跨越的单元格删除

必须要保证每行的实际列数是相同的，否则表格可能出现混乱

案例：

4.高级标签

4.1 caption标签

表格的标题

4.2 thead标签

表格的头部table head

4.3 th标签

表格的头部标题table head title

一般用在thead中，设置表格的头部，替代td标签，与td的区别，放到td标签中的文本会自动加粗，且居中显示

4.4 tbody标签

表格的主题部分table body

4.5 tfoot标签

表格的底部table foot

案例：

来源：CSDN

作者：weixin_46393332

链接：https://blog.csdn.net/weixin_46393332/article/details/104758474