表格标签
1.表格的主要作用
表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现的很有条理。
2.表格的基本语法
| 单元格内的文字 |
•
•
•
• 字母td指表格数据(table data),即数据单元格的内容
3.表头单元格标签
一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容加粗居中显示
姓名
4.表格属性
这部分实际开发中不常用,后面通过css来设置
| 属性名 | 属性值 | 描述 |
| align | left、center、right | 规定表格相对周围元素对齐方式 |
| border | 1或”” | 规定表格单元是否用于边框,默认为””,表示没有边框 |
| 像素值 | 规定单元边沿与其内容之间的空白,默认1像素 | |
| cellspacing | 像素值 | 规定单元格之间的空白,默认2像素 |
| width | 像素值或百分比 | 规定表格的宽度 |
5.表格结构标签
因为表格可能很长,为了更好的表示表格,可以将表格分割成表格头部和表格主体两大部分
<thead>标签 表格的头部区域、
• :用于定义表格头部,内部必须拥有 • 标签,一般位于第一行
• 以上标签都得放在
6.合并单元格
格式:
• 跨行合并:rowspan=”合并单元格的个数”
• 跨列合并:colspan=”合并单元格的个数”
目标单元格:(写合并代码)
• 跨行:最上侧单元格为目标单元格,写合并代码
• 跨列:最左侧单元格为目标单元格,写合并代码