五、表格标记<table></table>
格式:<table>表格开始
<tr>行开始
<td>单元格开始
</td>单元格结束
</tr>行结束
</table>表格结束
例:如要建立一个二行二列的表格,代码如下:
<table>
<tr>
<td></td> 第一行中的第一个单元格
<td></td> 第一行中的第二个单元格
</tr>
<tr>
<td></td> 第二行中的第一个单元格
<td></td> 第二行中的第二个单元格
</tr>
</table>
说明:在HTML中,表格的描述方法中没有列,只有行和单元格。所以在描述表格有几列的时候就写成一行中有几个单元格!一行中可以包括多
个单元格。
1、表格属性
格式:<table width=? height=? border=? align=? cellspacing=? cellpadding=? bgcolor=? backgroud=?></table>
说明:整体表格的属性,一定要加在<table>标记中才有效。
(1)border:表示表格边框的尺寸,以数字表示。为0时表示无边框。
(2)width、height:表格的宽与高,单位有像素和百分比两种,如没有指定默认为像素。
(3)align:表格的对齐方式。有center(居中)、right(右对齐)、left(左对齐)
(4)cellspacing:表格单元格的间距,以数字表示。
(5)cellpadding:内容与单元格的间距,以数字表示。
(6)bgcolor:表格的背景颜色。
(7)backgroud:表格的背景图片。
例:
<table align="center" border=5 width=500 height=50% cellspacing=2 cellpadding=0>
<tr>
<td>东北人网络</td>
<td>数码行情</td>
</tr>
<tr>
<td>HELLO</td>
<td>Good Morning</td>
<td>Thank you</td>
</tr>
</table>
2、单元格属性
格式:<td width=? height=? align=? valign=? bgcolor=? backgroud=? colspan=? rowspan=?></td>
说明:(1)width、height:单元格的宽与高,单位也有像素与百分比两种。
(2)align、valign:单元格内容的水平与垂直对齐方式。
(3)bgcolor、backgroud:单元格的背景颜色与图片。
(4)colspan:合并列。
(5)rowspan:合并行。
在单元格属性当中,前3种均与表格属性用法相同,这里不再阐述。只介绍后两种。
例1:
<table width=300 height=100 border=0 align="center" cellspacing=0 cellpadding=0>
<tr>
<td colspan=3>欢迎来到这里</td>
</tr>
<tr>
<td>选项一</td>
<td>选项二</td>
<td>选项三</td>
</tr>
</table>
例2:
<table width=300 height=100 border=0 align="center" cellspacing=0 cellpadding=0>
<tr>
<td rowspan=3>欢迎来到这里</td>
<td>选项一</td>
</tr>
<tr>
<td>选项二</td>
</tr>
<tr>
<td>选项三</td>
</tr>
</table>
|