html 表格_【HTML】3 表格标签

a0f584d5f9f39eb0ed6a5008787b8423.png

1、表格标签

表格主要作用:用于显示、展示数据,可以让数据显示的非常规整,可读性好。

be32937b7926d2a7502fa797d3b5387b.png

2、表格属性

06708dc83e27acaaafde77b0ac18d398.png

注:此处是为了更直观看到表格的样子,理解基本属性的作用,实际应用中,样式属性多在CSS中设置。

3、合并单元格

目标单元格:写合并代码的单元格

  • 跨行:最上侧单元格为目标单元格,rowspan="合并单元格的数量"
  • 跨列:最左侧单元格为目标单元格,colspan="合并单元格的数量"

f0f27a9cbfd9b7368b73bf1b78878569.png

合并单元格步骤:

  • 先确定是跨行还是跨列
  • 找到目标单元格,写上合并方式
  • 将被合并过来的原单元格删除

4、应用案例

<!DOCTYPE html>

运行结果如下:

8382179dd49e40f9c177d86879d4776e.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值