表格

本文深入解析HTML5中table标签的用法,包括border、bordercolor、尺寸调整、对齐方式、单元格间距与填充,以及如何添加表头和标题。了解表格基础结构与标题添加的最佳实践,提高SEO优化技巧。
摘要由CSDN通过智能技术生成

table标签

属性:

border: 设置表格的边框

bordercolor:设置边框的颜色

height、width:设置表格的宽高

align:设置表格的整体水平对齐方式center居中left 默认居左right居右

cellspacing:设置边框与边框之间的距离

cellpadding:设置内容与边框之间的距离

background:设置表格的背景图片

bgcolor:设置表格的背景颜色

summary:表格隐藏信息,用来提高SEO

表格基础

table: 定义表格容器。

tr (table rows) 定义行

th (table head) 定义表头

td (table dock) 定义单元格:

三层嵌套关系: table> tr> th | td。

最简单的表格要求每-行的单元格个数相同。

如果表格有表头的概念:需要将td标签变成th。,

表格标题的添加方式:

1.使用标题标签h1-h6

2.使用表格自带的标题标签caption

    caption标签必须写在table开始标签的后面;

标准中规定,一个表格只能添加一对caption标签,也就是只能有一个标题;

多个caption存在的时候,浏览器存在兼容性问题: IE 和Chrome能全部显示,火狐只能识别第一个

:表格中一些固定的嵌套

  table一般嵌套tr, tr 中嵌套td

  只有td或th可以像div那样,作为容器嵌套任何东西
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

许你今世繁华

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值