html5合并单元格边框线,table边框表头单元格空间合并等设置

表格由

:在
标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

1 HTML 表格的基本结构:2

HTML 表格和边框属性,如果不定义边框属性,表格将不显示边框。有时这很有用,但是大多数时候,我们希望显示边框,使用边框属性border来显示一个带有边框的表格:

tableborder="1">

2 3 >Row 1,cell 14 5 6 >

HTML 表格表头单元格:表格的表头单元格使用

标签进行定义;表格的表头单元格属性主要是一些公共属性,如:align、dir、width、height。 大多数浏览器会把表头显示为粗体居中的文本:

1 2 3 >Header 14 >Header 25 6 7 >row 1,1)"> 8 9 10 11 >row 2,1)">12 13 14 >

表格标题

table border = "1">caption>这是标题3 ><>

6 7 8 9 >

HTML表格高度和宽度:在

border= "1"width= "400"height= "150">Row 2,1)">10 >

HTML表格背景:您可以使用以下方法之一设置HTML表格的背景,HTML5中不推荐使用bgcolor,background和bordercolor属性,不要使用这些属性:

bgcolor属性 - 可以为整个表格或仅为一个单元格设置背景颜色。

background属性 - 可以为整个表设置背景图像或仅为一个单元设置背景图像

bordercolor属性 - 可以设置边框颜色。

bodybordercolor= "green"bgcolor= "yellow"4 >Column 15 >Column 26 >Column 38 9

background= "/images/test.png"11 13 14 15 16 17 >

HTML表格空间:cellspacing属性-定义表格单元格之间的空间,cellpadding属性-表示单元格边框与单元格内容之间的距离

cellpadding= "5"cellspacing= "5">Name>Salary>其琛>5000>曼迪>7000>

HTML合并单元格:如果要将两个或多个列合并为一个列,将使用colspan属性;如果要合并两行或更多行,则将使用rowspan属性。

= "1"5 7 tdrowspan= "2">Row 1 Cell 19 >Row 1 Cell 210 >Row 1 Cell 312 >Row 2 Cell 2>Row 2 Cell 316 17 colspan= "3">Row 3 Cell 118 19 >

HTML表格头部、主体、页脚:表格可以分为三个部分 - 头部,主体和页脚,如同word文档中页面的页眉、正文、页脚。每个页面保持相同,而正文是表格的主要内容持有者。头部,主体和页脚的对应的三个标签是:

- 创建单独的表头

- 表示表格的主体 - 创建一个单独的表页脚

表可以包含多个

元素以指示不同的页面,但值得注意的是和标签应出现在之前

= "100%"thead= "4">This is the head of the table7

tfoot10 >This is the foot of the table13

14 tbody15 16 >Cell 117 >Cell 218 >Cell 319 >Cell 420 21 22 >

HTML表格的嵌套,您可以在另一个表中使用一个表。可以使用

总结

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值