table标签的常用属性
table标签的常用属性 | 马黑黑作为定义HTML表格的table标签,在论坛发帖时常被用来充当制作精美帖子的容器,并能对帖子起到布局与修饰帖子的作用。为此,有必要逐一了解一下table标签及其元素的属性。本帖仅介绍table标签的几个常用属性。
过去,table标签被委以重任,曾广泛用于网页布局,因此其属性繁多,但HTML发展到5.0版本后,对table标签重新做了规范,表格主要功用是装在数据,所以以往的一些属性已弃之不用。以下是几个常用到的属性:
① border 定义表格边框的宽度,值为像素,如 border="1" 表示表格边框的宽度为1个像素
② cellpadding 规定单元格边沿与内容之间的空白,值为像素
③ cellspacing 规定单元格之间的空白,值为像素
④ width 规定表格的宽度,值可为像素和百分比
实例代码:
<table border="1" cellpadding="2" cellspacing="1" width="50%">
<tr>
<td>周末快乐</td>
</tr>
</table>
实例样式看下楼——
本帖最后由 马黑黑 于 2021-11-21 09:55 编辑 <br /><br /><table style="width:50%" border="1" cellpadding="2" cellspacing="1" width="50%">
<tbody><tr>
<td>周末快乐</td>
</tr>
</tbody></table> 实际上,本坛子对 table 的 width 属性貌似设置了也无用,因此,如果需要定义表格的宽度,建议还是使用 CSS样式表 来规范:
<table style="width:50%;"><tr><td></td></tr></table>
以后会陆续介绍 CSS样式表 的内嵌式使用方法 这个好,继续来学习{:4_187:} “以后会陆续介绍 CSS样式表 的内嵌式使用方法。”
太好了,感谢黑黑分享,影子一定是最忠实的学生{:4_178:} <table style="width:50%" border="1" cellpadding="2" cellspacing="1" width="50%">
<tbody><tr>
<td>谢谢黑黑</td>
</tr>
</tbody></table> 感谢黑黑的分享{:4_187:} 红影 发表于 2021-11-21 10:53
“以后会陆续介绍 CSS样式表 的内嵌式使用方法。”
太好了,感谢黑黑分享,影子一定是最忠实的学生{:4_1 ...
理论上这些东西对你不是问题 红影 发表于 2021-11-21 10:52
这个好,继续来学习
{:4_187:} 小辣椒 发表于 2021-11-21 10:59
感谢黑黑的分享
{:4_173:} 马黑黑 发表于 2021-11-21 11:07
很开心吗 小辣椒 发表于 2021-11-21 11:16
很开心吗
俺总是乐呵呵的 马黑黑 发表于 2021-11-21 11:18
俺总是乐呵呵的
我也是{:4_173:} 小辣椒 发表于 2021-11-21 12:21
我也是
如此甚好 马黑黑 发表于 2021-11-21 11:07
理论上这些东西对你不是问题
我只会套用啊,完全不明白,所以用起来也不老练,非常需要好好学习{:4_187:} 马黑黑 发表于 2021-11-21 11:07
黑黑好,辛苦了{:4_204:} 红影 发表于 2021-11-21 12:56
我只会套用啊,完全不明白,所以用起来也不老练,非常需要好好学习
入门一下即可 这里有中年的环境不一样的了,刚开始时想在table标签放背景图片都放不上去 绿叶清舟 发表于 2021-11-21 19:03
这里有中年的环境不一样的了,刚开始时想在table标签放背景图片都放不上去
对,得通过css样式放 马黑黑 发表于 2021-11-21 16:52
入门一下即可
也没想学得太好,玩的时候没阻碍就行 {:4_173:}
页:
[1]
2