DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML表格標記教程(35):跨列屬性COLSPAN
HTML表格標記教程(35):跨列屬性COLSPAN
編輯:HTML和Xhtml     

在復雜的表格結構中,有的單元格在垂直方向上是跨多個單元格的,這就需要使用跨列屬性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行第一個單元格跨了兩列。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved