表格 标签属性



表格标签

表格来设计好页面，边框宽度设置为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>