表格结构

1 表格结构

  <table border="1"  width="500"> <!--块元素-->

    <tr> <!--行-->

      <td>&nbsp;</td><!--列-->

    </tr>

  </table>

2 <table>属性

1 Width:表格宽度,单位可以是百分比,也可以是固定值。

2  Height:表格高度。

3  Align:表格水平对齐方式,取值:left、center、right

4  Border:边框粗细。

5  Bordercolor:边框颜色。

6  bgColor:表格背景色。

7  background:背景图片URL。

8  cellpadding:单元格边线到内容间的距离(填充距离)

9  cellspacing:单元格与单元格之间的距离(间距)

10  rules:合并单元格边框线,取值:all

注意:rules兼容性不好,请使用CSS来取代它。

<table border="5" width="500" height="130" bordercolor="blue" bgColor="#99cc33" background="img/tom.gif" align="center" cellspacing="0" rules="all">

3 <tr>属性——行标记

1  bgColor:行的背景色

2  height:行的高度

3  align:行中的文本水平居中,取值:left、center、right

4 valign:垂直居中,取值:top(上)、middle(中)、 bottom(下)

4<td><th>属性

       <td>是普通单元格,<th>是标题单元各,居中加粗显示。

1  width:单元格宽度

2  height:单元格高度

3  bgColor:单元格背景色

4  background:单元格背景图片

5  align:水平对齐

6  valign:垂直水齐

7  rowspan:上下单元格合并。合并属性必须放在第一个单元格中。

8  colspan:左右单元格合并。合并时,有增就得有减,要保证每一行单元格的个数不变。

<caption>表格标题

 语法格式:<caption></caption>

提示:<caption>标记是<table>的子标记。<caption>放在<table>开始标记之后

原文地址:https://www.cnblogs.com/yd09023/p/5841123.html