table表格基础知识及简单运用

1.什么是table表格

在HTML中我们用< table >标签来定义表格，它和Excel表格类似，都包括行、列、单元格、表头等，但是在功能方面HTML的表格远不如Excel强大。

2.table的常用属性

• margin：主要设置表格的外边框
• padding：设置内边距
• border：设置表格的边框
• width：设置表格的宽度
• height：设置表格的高度
• bgcolor：设置背景颜色
• background：背景图片
• border-collapse：合并边框
• tr：行
• th/td：单元格

3.怎么制作一个table表格

（1）制作一个table表格，我们需要确定表格的行列数，比如，我们要制作一个三行四列的表格，那么就是三行，每行四个单元格，我们可以运用快捷写法（tr * 3>td * 4）直接回车键会自动生成一个三行四列的表格，如下代码：

（2）tr的属性：

• border：边框（粗细、颜色等直接在border后面加“-”加属性即可）
• align：水平对齐
• vlign：垂直对齐
• bgcolor：背景色

（3）th/td的属性

• width：单元格的宽度
• height：单元格的高度
• border：单元格的边框
• align：水平对齐
• vlign：垂直对齐
• bgcolor：背景色
• background：背景图片
• colspan:跨列（水平合并）
• rowspan：跨行（垂直合并）

2024.3.31   阿福的工作室