HTML中Table表格怎么用

小编给大家分享一下HTML中Table表格怎么用，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于网站建设、网站设计、聂荣网络推广、重庆小程序开发、聂荣网络营销、聂荣企业策划、聂荣品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联公司为所有大学生创业者提供聂荣建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

定义和用法

table标签定义 HTML 表格。

创建表格的四要素：table、tr、th、td

整个表格以

标记开始、标记结束。

Table row。表格的一行，有几对 tr 表格就有几行。

Table data。表格的一个单元格，一行中包含几对 td ，一行中就有几列。

Table head。表格的头部的一个单元格，表格表头。

额外元素

、、

表格结构，如果不加 , 表格将在加载完后才显示。加上这些， tbody包含行的内容优先显示，不必等待表格结束后再显示。
同时，如果表格很长，用tbody分段，可以一部分一部分地显示。
（通俗理解 table 可以按结构一块块的显示，不用等整个表格加载完后显示。）

表格标题

属性

border

表格边框的宽度。
建议设置为 0 后自行 CSS 添加边框样式。

cellpadding

表格单元边界与单元内容之间的间距（内边距）。
建议设置为 0 后自行 CSS 添加内边距样式。

cellspacing

单元格之间的间距。

实例

使用CSS3实现表格隔行变色

使用 CSS3的 :nth-child(n) 伪类选择器可以实现表格隔行变色的效果。
n 可填写 odd、even或任意数字，分别代表奇数行/列、偶数行/列或指定行/列

看完了这篇文章，相信你对“HTML中Table表格怎么用”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

分享名称：HTML中Table表格怎么用
地址分享：http://cxhlcq.com/article/godgis.html