表格标签:
表格标签的作用:用来给一堆数据添加表格语义
表格标签是一种数据的展现形式,当数据量特别大的时候,表格的展现形式很清楚。
表格标签格式:
tr:表格的一行
td:表格的一行中的一个单元格
两行三列
2tr + 3td
表格标签边框属性:
默认值为0
Paste_Image.png
Paste_Image.png
表格标签属性:
-宽度width和高度height :用于 table和td,tr不能用
默认是按照内容调整,可通过 width / height 改变
-水平对齐和垂直对齐
水平align:用于 table、td、tr
垂直:用于 tr、td
-外边距和内边距:只能用于table
外边距cellspacing:单元格和单元格之间的距离
内边距cellpadding:文字、图片到内边框的距离
细线表格:
Paste_Image.png
Paste_Image.png
表格中添加图片:
Paste_Image.png
Paste_Image.png
Paste_Image.png
caption标签:专门用来设置表格标题的标签,要放置在 table 标签里面,否则无效,并且要放置在 table 开始标签后面
th 标签:表格标签提供的一个专门用来存储每一列的标题的标签,标题会自动加粗、自动居中
td存储数据、th存储标题
Paste_Image.png
Paste_Image.png
单元格合并:
-水平方向合并
可以给td标签添加一个 colspan 属性来指定把一个单元格当作多个单元格来看待,把当前单元格当作两个单元格来看待,但是会多出一些单元格,所以就要删除一些单元格
单元格永远是向后、向下合并
Paste_Image.png
Paste_Image.png
-垂直方向合并 rowspan
垂直方向同理
Paste_Image.png
Paste_Image.png