html table tr 属性,HTML之表格标签及属性

一、表格的基本结构

........................

二、表格的标签及属性简介

table:定义表格

tr:定义表格对的行

th:定义表格中的表头内容

td:定义表格的列

表格属性:

border:表格边框

cellspacing:单元格间的间距

cellpadding:单元格的内容与其边框的内边距

align:表格的对齐方式,通常是left,center,right

bgcolor:表格的背景颜色 background:表格的背景图片

width:表格宽度 height:表格高度

border-collaspe:collaspe:边框合并,不叠加

cellspacing:0:边框合并,但合并之后的边框宽度等于前两个边框宽度之和

caption:表格标题

三、单元格属性

width:单元格宽度height:单元格高度

align:单元格内文本的对齐方式,通常是左,中,右 left,center,right

valign:单元格内文本的对齐方式,通常是上,中,下 top,middle,bottom

nowrap:在为设置单元格宽度时,当文本长度宽于单元格宽度,将要换行时,该标签会使其不换行

四、表格的跨行与跨列

rowspan:跨行标签,表示跨了多少行

colspan:跨列标签,表示跨了多少列

跨行与跨列的组合使用举列:

8a0b7e053f8e?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

表格展示

五、表格标签拓展及其属性

thead:定义表格的表头

tbody:定义表格主体(正文)

tfoot:定义表格的页脚(脚注或表注)

colgroup:标签用于对表格中的列进行组合,以便对其进行格式化。

注意:不管thead、tbody、tfoot的代码先后顺序如何,html显示时,始终是先显示thead,再显示tbody,最后显示tfoot。

1、 内部必须拥有 标签!

2、

元素内部必须包含一个或者多个 标签。

3、

元素内部必须包含一个或者多个 标签。

4、必须在 table 元素内部使用这些标签。

5、当不同行间的单元格合并时各单元格所在的行不要加tbody标签。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值