表格标签(重点)
1.表格的主要作用
用于显示、展现数据,因为它可以让数据显示的非常的规整,可读性非常好。
2.表格的基本语法
单元格内的文字 |
2.1
2.2
2.3
3.表格单元格标签
一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容加粗居中显示
标题 |
---|
4.表格属性(不常用,基本用css)
align----表格相对周围元素的对齐方式
border---表格单元是否拥有边框,“”表示没有
cellpadding---规定单元边沿与其内容之间的空白,默认像素为1;
cellspacing---规定单元格之间的空白,默认为2,该属性一般会手动调0。
width---规定表格的宽度
注意:这些属性是写到table标签里面去的。
5.表格结构标签:
因为表格可能很长,可以将表格分割成表格头部和表格主体两大部分
标签---表格的头部区域,
6.合并单元格:
有时我们需要把多个单元格合并成一个单元格。
合并单元格方式:
跨行合并:rowspan="合并单元格的个数"
跨列合并:colspan="合并单元格的个数"
7.目标单元格:(写合并代码)
跨行:最上侧单元格为目标单元格,写合并代码
跨列:最左侧单元格为目标单元格,写合并代码
8.合并单元格实操:
1.确定是跨行合并还是跨列合并
2.找到目标单元格:写上合并方式=合并单元格的数量 列如:
3.删除多余的单元格