HTML表格標(biāo)記教程(17):表格標(biāo)題垂直對(duì)齊屬性VALIGN_XHTML教程
表格的標(biāo)題可以放在表格的上方或者下方,這可以通過(guò)屬性進(jìn)行調(diào)整。默認(rèn)的表格標(biāo)題放在表格上方。
基本語(yǔ)法
<Caption VALIGN="top">…</Caption>
<Caption VALIGN="bottom“> …</Caption>
語(yǔ)法解釋
TOP為居上,BOTTOM為居底。
文件范例:10-16.htm
通過(guò)<CAPTION>標(biāo)記的VALIGN屬性設(shè)定表格標(biāo)題的垂直對(duì)齊。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:10-16.htm -->
03 <!--文件說(shuō)明:設(shè)定表格標(biāo)題的垂直對(duì)齊-->
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)頁(yè)設(shè)計(jì)軟件</CAPTION>
12 <TR>
13 <TD>網(wǎng)頁(yè)圖像軟件</TD><TD>Fireworks</TD>
14 </TR>
15 <TR>
16 <TD>網(wǎng)頁(yè)制作軟件</TD><TD>Dreamweaver</TD>
17 </TR>
18 <TR>
19 <TD>網(wǎng)頁(yè)動(dòng)畫(huà)軟件</TD><TD>Flash</TD>
20 </TR>
21 </TABLE>
22 </BODY>
23 </HTML>
文件說(shuō)明
第11行定義了表格標(biāo)題文字居底部右對(duì)齊。
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索HTML表格標(biāo)記教程(17):表格標(biāo)題垂直對(duì)齊屬性VALIGN
- 教程說(shuō)明:
XHTML教程-HTML表格標(biāo)記教程(17):表格標(biāo)題垂直對(duì)齊屬性VALIGN。