[HTML]表格标签table的使用(基本语法、属性、单元格合并)

  • 基本语法

        <table>

                <thead>

                        <tr><th></th></tr>

                </thead>

                <tbody>

                        <tr><td></td></tr>

                </tbody>

        </table>

  • 标签说明
标签含义说明
table表格表格的最外层标签
thead表格的头部区域表示表格头部内容
tbody表格的主体区域表示表格主体内容
tr一行表格中可以有多行
td一个单元格一行中可以有多个单元格
th表头单元格默认加粗居中
  • table的相关属性
属性含义说明
align表格对齐方式值有left(左)、center(中)和right(右)三种情况
border表格边框可以设置像素值(注意无单位),默认无边框(值为0)
width表格宽度可以设置像素值(无单位)或百分比
height表格高度可以设置像素值(无单位)或百分比
cellpadding单元格内边距像素值(无单位),规定单元格边沿与其内容之间的空白,默认1像素
cellspacing单元格间距像素值(无单位),规定单元格之间的空白,默认2像素
  • 合并单元格
合并方式写法说明
跨行合并rowspan = "合并单元格的个数"写到td标签内,后面行同一列指定数量的单元格会被合并
跨列合并colspan = "合并单元格的个数"写到td标签内,同一行后面列指定数量的单元格会被合并

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值