HTML表格標(biāo)記教程(17):表格標(biāo)題垂直對(duì)齊屬性VALIGN

2024-08-26 00:10:30

字體：大中小

供稿：網(wǎng)友

表格的標(biāo)題可以放在表格的上方或者下方，這可以通過屬性進(jìn)行調(diào)整。默認(rèn)的表格標(biāo)題放在表格上方。
基本語法
<Caption VALIGN="top">…</Caption>
<Caption VALIGN="bottom“> …</Caption>
語法解釋
TOP為居上，BOTTOM為居底。
文件范例：10-16.htm
通過<CAPTION>標(biāo)記的VALIGN屬性設(shè)定表格標(biāo)題的垂直對(duì)齊。
01 
02 
03 
04 
05 <HTML>
06 <HEAD>
07 <TITLE>設(shè)定表格標(biāo)題的垂直對(duì)齊</TITLE>
08 </HEAD>
09 <BODY>
10 <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 ALIGN="CENTER">
11 <CAPTION VALIGN="BOTTOM" ALIGN="RIGHT">主流的網(wǎng)頁設(shè)計(jì)軟件</CAPTION>
12 <TR>
13 <TD>網(wǎng)頁圖像軟件</TD><TD>Fireworks</TD>
14 </TR>
15 <TR>
16 <TD>網(wǎng)頁制作軟件</TD><TD>Dreamweaver</TD>
17 </TR>
18 <TR>
19 <TD>網(wǎng)頁動(dòng)畫軟件</TD><TD>Flash</TD>
20 </TR>
21 </TABLE>
22 </BODY>
23 </HTML>
文件說明
第11行定義了表格標(biāo)題文字居底部右對(duì)齊。

上一篇：HTML表格標(biāo)記教程(19):行標(biāo)記

下一篇：HTML表格標(biāo)記教程(18):表格的表頭