HTML笔记!

五、表格

  1. 简介
    表格是一个规则的行和列结构,每个表格由若干行组成,每行由若干个单元格组成
    table row column
  2. 基本结构
    2.1 table标签
    用来定义表格
    常用属性:
    border:表格边框 默认值为0
    width/heigth:宽度高度
    bordercolor:边框的颜色
    align:对齐方式,取值:left(默认),center居中,right居右
    bgcolor:背景颜色
    background:背景图片
    cellspacing间距:单元格与单元格之间的距离
    cellpadding边距:单元格中的内容到边界之间的距离
    2.2 tr标签
    用来定义行:table row
    常用属性:
    align水平对齐取值: len(默认)center right
    valign垂直对齐 取值:top center bottom
    bacolor背景颜色
    background背景图片
    2.3 tb标签
    用来定义单元格:table data
    常用属性:align、valign、bgcolor、background
    注意:表格必须由行组成,行必须由单元格来组成,数据必须放在单元格中HTML笔记!_第1张图片
    3. 合并单元格
    合并单元格也称为单元格的跨行和跨列
    两个属性:
    *rowspan
    设置单元格所跨的行数
    *colspan
    设置单元格所跨的列数
    步骤:
    1.在跨越的单元格中设置rowspan/colspan属性
    2.将被跨越的单元格删除
    必须要保证每行的实际列数是相同的,否则表格可能会出现错乱或变形HTML笔记!_第2张图片
    4.高级标签
    4.1 caption标签
    表格的标题标签
    4.2 thead标签
    表格的头部 table head
    4.3 th标签
    表格的头部标题 table head title
    一般用在thead中,设置头部的标题,来替代td标签,与td的区别,th中的文本会加粗且居中显示
    4.4 tbody标签
    表格的主体 table body
    4.5 tfoot标签
    表格的底部table footHTML笔记!_第3张图片

你可能感兴趣的:(HTML笔记!)