【标签格式】
<table>
<tr><td>..第一行第一列..</td>
<td>..第一行第二列..</td></tr>
<tr><td>..第二行第一列..</td>
<td>..第二行第二列..</td></tr>
</table>
1.table标签的两个重要的属性
boder;指定表格边框的宽度。
width;指定表格的宽度,有两种表示方法,一是用绝对值法表示:如:200px,另一种是用百分比表示:如width=“80”,表示表格的大小占浏览器80%大小。
2.单元格标签的属性
1.width 设定单元格的宽度,使该列的单元格宽度可以随着更改。
2.height 单独设定某一单元格的高度,使表格该行的单元格高度改变。
3.align 设定单元格的水平对齐方式。有三种属性:right;center;left.(默认对齐方式是靠左对齐)
4.valign 设定单元格的垂直对齐方式,同样也有三种属性:top;middle;bottom.
5.rowspan和colspan主要用于合并单元格,rowspan主要是用于向下延伸合并垂直单元格,colspan则是用于向右延伸合并水平单元格,两个标签一般是用在<td>标签中。
========================================================
表格标签范例:
<html>
<head>
<title>表格标签范例</title>
<head>
<body>
<table border="2px" width="500px">
<tr>
<td width="100px" align="center" valign="top">table</td>
<td width="200px" align="left" valign="middle">table</td>
<td width="200px" align="right" valign="middle">table</td>
</tr>
<tr>
<td colspan="2" height="50px">table</td>
<td align="center" valign="top">table</td>
</tr>
<tr>
<td rowspan="2" align="left" valign="top">table</td>
<td>table</td>
<td>table</td>
</tr>
<tr>
<td>table</td>
<td>table</td>
</tr>
</table>
</body>
</html>
========================================================
0 Response to “表格标签”