2.表格

表格

展示数据。 是对网页重构的一个有益补充。

<table>    表格
<tr><td></td><td></td>
<td></td>
</tr>
</table>

 

◆属性:

border=”1”   边框

width=”500”  宽度

height=”300” 

cellspacing=”2”    单元格与单元格的距离

cellpadding=”2”    内容距边框的距离

align=”left  |  right  |  center”  

如果直接给表格用align=”center”  表格居中

如果给tr或者td使用   ,tr或者td内容居中。

bgcolor=”red”    背景颜色。

1.1 表格的标准结构

<table>
<thead>
<tr>
<td></td>
<td></td>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
</tr>
</tbody>

<tfoot>

<tr>

<td></td>

<td></td>

</tr>

</tfoot>

</table>

1.1 表头和单元格合并

◆  表头  <caption></caption>

colspan=”2”  合并同一行上的单元格  (把所占的列代码注释掉)

rowspan=”2”  合并同一列上的单元格  (把所占的行代码注释点)

 

 

表格标题、边框颜色、内容垂直对齐

◆表格标题 <th></th>用法和td一样

标题的文字自动加粗水平居中对齐

◆边框颜色

◆内容垂直对齐方式

valign=”top   |  middle   |  bottom”

原文地址:https://www.cnblogs.com/weihu/p/8142968.html