9-table表格标签及属性

来源:互联网 发布:初中网络课程哪家好 编辑:程序博客网 时间:2024/05/22 03:30
作用:给一些数据添加表格语义
格式:
<table border="0">
<tr>
<td></td>
</tr>
</table>
table默认不会显示边框属性,当需要显示边框的时候,需要添加border属 性,
此属性默认是0,可调数值。
table代表真个表格,tr标签代表整个表格中的一行数据,也就是说,一对tr标签也就是表格中的一行,有多少tb标签,表格就有多少行。
td标签就是一行中的一个单元格,几个单元格也就决定了整个表格有多少列。
table/tr/td要么一起出现,要么一起不出现
其他属性:
表格的宽度和高度默认是按照内容的尺寸来调整的,也可以通过给table标签设置width/height属性的方式来手动指定表格的宽度和高度,如果给td标签设置width/height属性,会修改当前单元格的宽度和高度不会影响整个表格的宽度和高度
水平对齐可以给table标签、tr标签和td标签使用,使用align属性来控制在水平方向的对齐方式,设置值有:left center right.默认是left,例如:
<table align="center">
垂直对齐只能给tr标签和td标签使用。使用valign属性来设置单元格中内容在垂直方向的对齐方式,设置值:top,center,bottom.
外边距cellspacing(默认2px),cellspacing="2px"
内边距cellpadding(默认1px),cellpadding="1px"

注意点:
如果td中设置了align属性,tr中也设置了,将会按照td中的执行
如果td中设置了valign属性,tr中也设置了,将会按照td中的执行
0 0
原创粉丝点击