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
    注意:表格必须由行组成,行必须由单元格来组成,数据必须放在单元格中在这里插入图片描述
    3. 合并单元格
    合并单元格也称为单元格的跨行和跨列
    两个属性:
    *rowspan
    设置单元格所跨的行数
    *colspan
    设置单元格所跨的列数
    步骤:
    1.在跨越的单元格中设置rowspan/colspan属性
    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 foot在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值