HTML5-表格标签

1、表格标签作用:给一堆数据添加表格语义,当数据非常大的时候,利用表格标签会展示得很清晰

2、格式

<table>
    <tr>
        <td>xx</td>
    </tr>
</table>

tr标签代表整个表格中的一行数据
td标签代表一行中的一个单元格

3、注意点
a、表格标签有一个边框属性border,默认宽度是0
b、表格的宽高默认是按照内容尺寸来显示的
c、制做细线表格:1、给table标签设置bgcolor,2
、给tr标签设置bgcolor,3、给table标签设置cellspacing = “1px”
d、表格的title标签caption:一定要写在table标签中,否则无效;
e、标题单元格标签th:存储每一列的标题,自动加粗居中

4、属性
a、宽度可高度:可以给table、td标签使用
b、水平对齐:可以给table、tr、td标签使用
c、垂直对齐:给tr、td标签使用
d、外边距cellspacing(单元格与单元格之间的距离)、内边距cellpadding(单元格边框和文字的距离):只能给table标签使用

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值