表格结构

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