100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > HTML表格 table thead tbody tfoot th tr td 的属性以及跨行 跨列

HTML表格 table thead tbody tfoot th tr td 的属性以及跨行 跨列

时间:2023-11-29 18:30:57

相关推荐

HTML表格 table thead tbody tfoot th tr td 的属性以及跨行 跨列

在HTML中表格是作为一个整体来解析的,解析完才会在页面显示,如果表格很复杂很长,加载时间很长,用户体验就不好。所以这里就要用到表格结构标签,解析一部分就显示一部分,不用等表格全部加载完再显示。

表格结构标签(添加这三个标签时,要注意不能影响网页布局):

<thead></thead> 表头部(放表格的标题之类)

<tbody></tbody> 表主体(放表格主体数据)

<tfoot></tfoot> 表脚注(放表格脚注)

在写代码时:不论上面<thead>,<tfoot>,<tbody>顺序如何,在页面显示时,总是按照:<thead> <tbody> <tfoot>的顺序呈现出来的。

------------------

结构化表格标签:

<table>

<caption>表格标题,一个表只有一个</caption>

<thead><!--表头部-->

<tr>

<th></th><!--表头单元格,粗体,居中-->

<th></th>

</tr>

<tr>

<th></th><!--表头单元格,粗体,居中-->

<th></th>

</tr>

</thead><!--表头部-->

<tbody><!--表主体-->

<tr>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

</tbody><!--表主体-->

<tfoot><!--表脚注-->

<tr>

<td></td>

<td></td>

</tr>

</tfoot><!--表脚注-->

</table>

------------------------

-------------------------

table表格属性

width pixles, % 规定表格的宽度

align left,center,right 表格相对周围元素的对齐方式 (这里是整个表格相对于网页进行移动居中的,而不是定义表格里面的内容)

border pixels 表格变宽的宽度

bgcolor rgb(x,x,x),#xxxxxx,ColorName 表格的背景颜色

cellpaddingpixels,% 单元格与其他内容之间的空白

cellspacingpixels,% 单元格之间的空白

frame 属性值 规定外侧边框的哪个部分是可见的。

rules属性值 规定内侧边框的哪个部分是可见的。

frame外边框的属性值:

rules属性,说白了就是设置行和列之间的线条是否显示。

rules表格内侧边框的属性值:

当表格设置属性rules的值等于groups,rows,cols,all时,表格中的cellspacing="10px"就变成无效了,怎么设置都页面都没变化。

除非是把rules="none"或者不设置rules这个属性值,那么表格中的cellspacing=“10px”才有效果。

设置rules=“none” 和 rules="groups" 两个都是不显示内边框,没有大的区别,也看不出来。

none 显示外边框 在没有设定表格宽度时,相比groups表格宽度会变大一点(10px左右)

groups 显示外边框和内边框 在没有设定表格宽度时,相比none表格宽度会变小一点(10px左右)

------------------------

tr标签属性:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。