HTML中的table标签属性
表格
表格是由⾏和列排列⽽成的⼀种结构
HTML表格由table标签以及⼀个或多个tr、th或td标签组成:
table标签⽤来定义表格,整个表格包含在<table>和</table>标签中;
tr标签⽤来定义表格中⼀个⾏,它是单元格的容器,每⾏可以包含有多个单元格,由<tr>和</tr>标签表⽰;
td标签和th标签⽤来定义单元格,所有单元格都在tr标签内,每个单元格由⼀对<td>和</td>标签或⼀对<t
h>和</th>标签表⽰,具体的表格内容放置在这⼀对td标签或th标签之中,其中th标签中的内容默认以粗体、居中的⽅式显⽰。其语法如下:
<table>
<tr>
<th>1⾏1列的内容</th>
<th>1⾏2列的内容</th>
…
</tr>
<tr>
<td>2⾏1列的内容</td>
<td>2⾏2列的内容</td>
…
</tr>
…
</table>
<table是<tr的上层标签
<tr必须在⼀个<table</table⾥⾯,它不能单独使⽤,相当于<table的属性标签.
html网页设计 table <table标⽰⼀个表格,<tr标⽰这个表格中间的⼀个⾏,<td、<th标⽰⾏中的⼀个列,需要嵌套在<tr</tr中间。
table标签属性
下列标签属性⼀般不建议使⽤,⽽是通过样式属性来实现
1.border标签属性:设定围绕表格的边框的宽度。实际上border标签属性不仅设置围绕表格边框的宽度,还为每个单元格添加宽度为1px的边框;
实际开发中不建议使⽤border标签属性实现边框效果,建议通过为table、th和td设定border样式属性实
现。
代码如下:
2.width标签属性:设定表格的宽度,该标签属性属性值如下:
不建议通过width标签属性设置表格宽度,建议向table标签添加width样式属性进⾏设置。代码如下:
3.align标签属性:指定表格相对于周围标签的对齐⽅式,该标签属性属性值如下:
不建议通过align标签属性设置表格相对于周围标签的对齐⽅式,建议向table标签添加样式属性进⾏设置:
a.实现左右对齐可以通过float样式属性实现
b.居中对齐可以通过margin样式属性实现:margin: 0 auto;
代码如下:
不建议通过cellspacing标签属性设置单元格之间的间距,建议向table标签添加border-spacing样式属性进⾏设置
不建议通过cellpadding标签属性设置单元边沿与单元内容之间的间距,建议向td或th标签添加padding样式属性来实现
不建议通过bgcolor标签属性设置表格背景颜⾊,建议向table标签添加background-color样式属性实现这⼀效果
7.border-collapse样式属性:设置表格的边框是否被合并为⼀个单⼀的边框,属性值如下:
代码如下:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论