【WEB基础-黑马】表格

创建表格

• table用于定义一个表格标签。
• tr标签 用于定义表格中的行，必须嵌套在 table标签中。
• td 用于定义表格中的单元格，必须嵌套在标签中。
• 一个完整的表格有表格标签（table），行标签（tr），单元格标签（td）组成，没有列的标签
• <tr></tr>中只能嵌套 类的单元格
• td></td>标签，他就像一个容器，可以容纳所有的元素

表格属性

• 重点记住 cellspacing 、 cellpadding
• 经常有个说法，是三参为0， 平时开发的我们这三个参数 border cellpadding cellspacing 为 0
  

表头单元格标签 th

• 作用：
  • 一般表头单元格位于表格的第一行或第一列，并且文本加粗居中
• 语法：
  • 只需用表头标签<th></th>替代相应的单元格标签<td></td>即可。

表格标题 caption

<table>
   <caption>我是表格标题</caption>
</table>

合并单元格（难点）

1 合并单元格2种方式

• 跨行合并：rowspan=“合并单元格的个数”
• 跨列合并：colspan=“合并单元格的个数”

2 合并单元格顺序

• 合并的顺序我们按照 先上 后下 先左 后右 的顺序

3 合并单元格三步曲

1. 先确定是跨行还是跨列合并
2. 根据 先上 后下 先左 后右的原则找到目标单元格 然后写上 合并方式 还有 要合并的单元格数量 比如 ：
3. 删除多余的单元格 单元格

注意

对于比较复杂的表格，表格的结构分割成三个部分：题头、正文和脚注。而这三部分分别用: thead, tbody, tfoot来标注。

1. ：用于定义表格的头部。用来放标题之类的东西。** 内部必须拥有 标签**！
2. ：用于定义表格的主体。放数据本体 。
3. 放表格的脚注之类。
4. 以上标签都是放到table标签中。

黑马pink老师视频笔记