表格标记

---摘自《骄傲中华》（翻译/茶博士）

HTML表格使页面创作更有趣。表格相对来说比较复杂，我们需要先研究一下。

HTML表格使用 <TABLE>…</TABLE> 标记。表格行是 <TR>…</TR>。表格的单元格是<TD>…</TD>。你也可以使用表格标题 <TH>…</TH>，标题里的文字粗体显示，居中对齐。


<TABLE>

<TR>

   <TH>row 1 header</TH>

   <TH>header</TH>

   <TH>header</TH>

</TR>

<TR>

   <TD>row 2 data</TD>

   <TD>data</TD>

   <TD>data</TD>

</TR>

</TABLE>

行和列的跨距
你可以使用 ROWSPAN和COLSPAN 属性指定跨具。


<TABLE>

<TR>

   <TH>row 1 header</TH>

   <TH COLSPAN="2">span two columns</TH>

</TR>

<TR>

   <TD>row 2 data</TD>

   <TD>data</TD>

   <TD ROWSPAN="2">span two rows</TD>

</TR>

<TR>

   <TD>row 3 data</TD>

   <TD>data</TD>

</TR>

</TABLE>

The code above results in a table that looks like this: Undisplayed Graphic

表格属性

表格格式属性：
标记	属性	效果
TABLE	CELLSPACING=pixel value	设置单元格边缘距离
	CELLPADDIN =pixel value	设置单元格边缘和文字距离
	BORDER=pixel value	边框宽度
	BGCOLOR=color	表格背景色
TD, TH, TR	ALIGN=Left, Right, or Center	水平对齐表格内的数据
	VALIGN=Top, Middle, or Bottom	垂直对齐表格内的数据
	BGCLOLOR=color	单元格背景色

Tables标签可以帮助你快速、简易地创立表格。

第一组按钮打开标记编辑器，你可以设置标记属性。
第二组按钮直接插入标记。
快速表格按钮显示一个网格，选择行数和列数生成表格。

建立一个表格：

按表格向导按钮或选择 File > New 中的Table Wizard。
默认表格是两行和两列。把行数改成3。
按表格图像的左上角单元格，设置 Row Span为3。
按 Next。显示表格属性。
设置 Alignment 为left， Cell Spacing 为0， Cell Padding 为3，Border Size 为1。按Next。
在单元格属性屏幕，按右面的所有格，设置Horizontal Alignment 为center， Vertical Alignment 为top。按Finish。

The code for the table should look like this:


<TABLE CELLSPACING="0" CELLPADDING="3" BORDER="1">

<TR>

    <TD ROWSPAN="3"></TD>

    <TD ALIGN="center" VALIGN="top"></TD>

</TR>

<TR>

    >

    <TD ALIGN="center" VALIGN="top"></TD>

</TR>

<TR>

    >

    <TD ALIGN="center" VALIGN="top"></TD>

</TR>

</TABLE>

下面，用表格标记编辑器添加文字和格式划单元格。
在表格里输入文字
你可以在单元格里输入文字，文字的格式使用和段落文字一样的格式。

单元格文字居中：

光标放在表格第一行的TD标记内，输入 Welcome to Archaeology Tours, the first choice of travelers and adventurers. Our Mediterranean Cruise features luxury accommodations, with stops in the following ancient cities:
选中 "Welcome"，菜单 Tools > Quick Font。在Size框输入 +2 。按 Apply.
选中 "Welcome"，使用 Bold 工具或 Tags >Bold (CTRL+B) 改变成黑体。
修改"Mediterranean Cruise"成黑体。


<TD ROWSPAN="3">

<P><FONT SIZE="+2"><B>Welcome</B></FONT> to Archaeology Tours, 

the first choice of travelers and adventurers. 

Our <B>Mediterranean Cruise</B> features luxury accommodations, 

with stops in the following ancient cities:</P></TD>

格式化表格里的文字
你可以使用单元格和表行标记编辑器修改它们的属性。
我们要改变右面单元格的背景色，添加文字和连接。

使用标记编辑器格式化单元格：

光标放在右面列里的第一个单元格里，按右键，选择 Edit Tag。

修改背景色为 Yellow。按Apply。
在TD中输入文字， Online Photo Gallery。
改变文字为黑体。
选中文字，选择 Tools > Quick Anchor (CTRL+SHIFT+A)。在 HREF 框输入 gallery.html，按Apply。


<TD ALIGN="CENTER" VALIGN="TOP" BGCOLOR="Yellow">

<B><A HREF="gallery.html">Online Photo Gallery</A></B>

</TD>

完成右面列的内容：

改变第二个的背景色为 Aqua. 按Apply.
在第二格里，输入 Purchase Cruise Tickets， 黑体，连接到 tickets.html。
改变第三个的背景色为 Silver。按Apply。
在第三个，输入 Interactive Tour Map, 黑体，连接到 map.html.


<TR>

    <TD ALIGN="CENTER" VALIGN="TOP" BGCOLOR="Aqua">

    <B><A HREF="tickets.html">Purchase Cruise Tickets</A></B>

    </TD>

</TR>

<TR>

    <TD ALIGN="CENTER" VALIGN="TOP" BGCOLOR="Silver">

    <B><A HREF="map.html">Interactive Tour Map</A></B>

    </TD>

</TR>