表格 标签属性


表格标签

表格来设计好页面，边框宽度设置为0

表格标签：<table></table>

属性：bgcolor（背景色）;

border（边框线宽窄）;bordercolor（边框颜色）;

bordercolorlight（边框明亮，十六进制颜色变为左上颜色）;

bordercolordard（表格边框暗度，十六进制颜色变为右下颜色）;

cellspacing（表格单元格间隔大小，小于15）;

cellpadding（单元格边框与内容间隔，小于5）;

width（表格宽度）;height（表格高度）：单位可以是像素也可以是浏览器窗口百分比

表格行标签：<tr></tr> 中间不可加入文本，只能加入td，只能在table内部用，

属性：align（对齐方式left、center、right）、

valign（垂直对齐方式top、middle、bottom。baseline）、

bgcolor（行的背景颜色）

行中列标签：<td></td>

属性：width、height、align、valign、

colspan（默认值1，单元格水平跨度，跨站几列）、rowspan（默认值1，单元格跨站行数）、

nowrap(禁止浏览器对单元格中特别长的内容进行自动换行显示)

当列中内容过长，表格宽度会给撑大，需要拉动滚动条，需要后面级联样式表

行中列标签：<th></th> 同td标签，只是用了黑体居中的文字

表格标题标签：<captipn></caption> 必须跟在table之后

例子：默认无边框，我们加入一个边框，加入一些属性

<table border=8 bgcolor=red bordercolor=yellow cellspacing=15 cellpadding=5 bordercolorlight="#e503e5" width=60% height=50%>

<caption>个人档案表</caption>

<tr bgcolor=green align=center valign=bottom>

<td
align=right valign=middle>姓名</td>

<td colspan=3 rowspan=2 >性别</td> <!--跨两行三列>

<td>年龄</td>

<td>爱好</td>

</tr>

<tr>

<td><a href="http://blog.sina.com.cn/luoya86">萝雅</a></td> <!--可以加入超链接>

<td>女</td>

<td>27</td>

<td>跳舞</td>

</tr>

<tr>

<th>萝南</th>

<th>男</th>

<th>60</th>

<th>武术</th>

</tr>

</table>