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

      編輯Tag賺U幣
      教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!

      表格的標(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ì)齊。

      來(lái)源:模板無(wú)憂//所屬分類:XHTML教程/更新時(shí)間:2007-12-23
      相關(guān)XHTML教程