HTML表格標記教程(35):跨列屬性COLSPAN_XHTML教程

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

      在復雜的表格結構中,有的單元格在垂直方向上是跨多個單元格的,這就需要使用跨列屬性COLSPAN。

      基本語法

      <TD COLSPAN=VALUE>

      語法解釋

      VALUE代表單元格跨的列數。

      文件范例:10-33.htm

      通過COLSPAN屬性實現跨列的單元格。
      01 <!-- ------------------------------ -->
      02 <!-- 文件范例:10-33.htm -->
      03 <!-- 文件說明:設定跨列的表格 -->
      04 <!-- ------------------------------ -->
      05 <HTML>
      06 <HEAD>
      07 <TITLE>設定跨列的表格</TITLE>
      08 </HEAD>
      09 <BODY>
      10 <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 ALIGN="CENTER">
      11 <TR>
      12 <TD ColSpan=2 Align="Center">網頁制作軟件</TD>>
      13 </TR>
      14 <TR>
      15 <TD>網頁圖像軟件</TD><TD>Fireworks</TD>
      16 </TR>
      17 <TR>
      18 <TD>網頁制作軟件</TD><TD>Dreamweaver</TD>
      19 </TR>
      20 <TR>
      21 <TD>網頁動畫軟件</TD><TD>Flash</TD>
      22 </TR>
      23 </TABLE>
      24 </BODY>
      25 </HTML>

      文件說明

      第12行第一個單元格跨了兩列。

      來源:模板無憂//所屬分類:XHTML教程/更新時間:2007-12-23
      相關XHTML教程