HTML的table属性有哪些

这篇文章给大家分享的是有关HTML的table属性有哪些的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

我们提供的服务有：成都做网站、网站设计、微信公众号开发、网站优化、网站认证、清江浦ssl等。为近千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的清江浦网站制作公司

什么是表格&表格的作用

什么是表格：由一些被称之为单元格的矩形框按照从左到右从上到下的顺序排列到一起组成的

表格的作用：以一定的结构来显示信息的。

如何使用table表格

定义表格：<table></table>

创建表行：<tr></tr>

创建列(单元格):<td></td>

注意：默认情况下，每行中的列数是统一的。

table表格的特点：

1、独占一行

2、宽度自适应(由内容来决定)

table表格属性：

<table>属性

width：设置表格宽度

height：设置表格高度

align:设置表格在其父元素中的水平对齐方式，取值：left,center,right

border:边框,边框宽度，以px为单位的数值，px可以省略

cellpadding:单元格内边距

单元格边框与内容之间的距离

cellspacing:单元格外边距

单元格与单元格之间或者单元格与表格之间的距离

bgcolor:背景颜色

<tr>属性

1.align:该行的内容水平对齐方式

2.valign:该行的内容垂直对齐方式，取值：top，middle，bottom

3.bgcolor该行的文本颜色

<td>属性

width

height

align

valign

bgcolor

colspan设置单元格跨列

rowspan设置单元格跨行

3、table表格中的其他标记

1.<caption></caption>

作用：为表格定义标题

位置：表格正上方居中显示

<table>

<caption>标题</caption>

<tr>

<td></td>

<td></td>

</tr>

</table>

2.行标题或列标题

列标题：第一行中的每一列，加粗，水平居中的效果显示

行标题：每行里面的第一列,加粗，水平居中的效果显示

行(列)标题:<th></th>

<th></th>作用与<td></td>一模一样

table边框合并:

属性：border-collapse

取值：

1.separate默认值，分离边框模式

2.collapse边框合并模式

table边框边距:

1.作用:设置相邻单元格边框之间的距离(类似于cellspacing)

2.属性:border-spacing

取值：

1.取1个值:表示水平和垂直间距相等

2.取2个值:第一个值表示的水平间距

第二个值表示的垂直间距

两个值之间用空格隔开

3.要求

border-collapse必须为separate

必须为分离边框模式时有效

隐藏的显示效果:

属性：visibility:collap:se

用在表格元素上，删除一行或一列，不影响表格整个布局

感谢各位的阅读！关于“HTML的table属性有哪些”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

本文名称：HTML的table属性有哪些
转载注明：https://www.cdcxhl.com/article34/gocise.html

成都网站建设公司_创新互联，为您提供网页设计公司、ChatGPT、全网营销推广、App开发、关键词优化、网站导航

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联