HTML中Table表格怎么用

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

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

定义和用法

table标签定义 HTML 表格。

创建表格的四要素:tabletrthtd

整个表格以

标记开始、
标记结束。

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

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

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

额外元素

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

表格标题

属性

border

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

cellpadding

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

cellspacing

单元格之间的间距。

实例

使用CSS3实现表格隔行变色

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

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


网站栏目:HTML中Table表格怎么用
链接URL:http://bzwzjz.com/article/godgis.html

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设公司 成都网站设计 成都网站建设 自适应网站设计 营销型网站建设 手机网站建设 成都网站建设 响应式网站建设 成都网站建设 高端网站设计 定制级高端网站建设 重庆网站制作 网站建设方案 成都网站建设 成都网站建设 成都网站建设流程 企业网站建设 高端网站建设 梓潼网站设计 古蔺网站建设 成都定制网站建设 网站设计