电脑技术学习

网页设计中表格的运用

dn001

表格(table)是页面的重要元素,是页面排版的主要手段。尽管DHTML中的层(layer)也可以实现网页元素的自由定位,但是表格显然更加方便编辑与修改。熟练掌握和运用表格的各种属性,可以让您的页面看起来赏心悦目。

本文将分两部分详细介绍表格在网页设计中的运用。包括表格的基本用法和表格运用的注意点。

一.表格的基本用法。

表格的基本用法相信您已经非常熟悉了。但为了保证文章的完整性,阿捷在这里还是再罗列一遍。

●表格的HTML基本语法
<table>...</table> - 定义表格
<tr> - 定义表行
<th> - 定义表头
<td> - 定义表元(表格的具体数据)

例如:

<table border>
<tr><th>1</th>
<th>2</th>
<th>3</th>
<tr><td>A</td>
<td>B</td>
<td>C</td>
</table>

1 2 3
A B C

●table标签的参数。table标签可以含下列参数。

border 表格边框
cellspacing 表元之间的空白距离
cellpadding 表元内部的空白距离
width 表格宽度(可以用%或者具体数据表示)
height 表格高度

例如:

<table border=5 cellpadding=10>
<tr><th>1</th><th>2</th><th>3</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

1 2 3
A B C

●表格的对齐方式

1.表格内的文字对齐。

语法:<td align=#> 其中#可以设定的参数有:

left 横向居左
center 横向居中
right 横向居右
top 纵向居顶
middle 纵向居中
bottom 纵向居底

例如:
<table border height=100>
<td valign=top>A</td>
<td valign=middle>B</td>
<td valign=bottom>C</td>
</table>

A B C