Lesson 4: Tabling

HTML Tags:

Tags	Properties		Description

<TABLE				建立表格標記
	BORDER="1"		表格四邊的格線		
	WIDTH="50%"		表格佔IE的大小
	ALIGN="CENTER">		表格的立置LEFT, CENTER, RIGHT

<TR>				表格行列的標記

<TD				表格欄的標記 / 儲存格
	COLSPAN="2"		欄位伸延 (合併儲存格 - 橫向)
	ROWSPAN="2">		列位伸延 (合併儲存格 - 直向)

<TH>				表格內的Heading (Table Heading)，內含Bold及置中功能

<CAPTION>			表格外的Heading / Title，它會跟據表格的闊度而作闊度的改變

Code Example:

<HTML>
<BODY>
<TABLE BORDER="1" WIDTH="50%" ALIGN="CENTER">
<CAPTION>This is CAPTION Tag.  It acts as a Table Title.  It will adjust the width according with the width of table.
</CAPTION>
<TR>
  <TH>Column A</TH>
  <TH>Column B</TH>
  <TH>Column C</TH>
</TR>

<TR>
  <TD>Cell A1</TD>
  <TD>Cell B1</TD>
  <TD>Cell C1</TD>
</TR>

<TR>
  <TD ROWSPAN="2">Cell A2 + A3</TD>
  <TD COLSPAN="2">Cell B2 + C2</TD>
</TR>

<TR>
  <TD>Cell B3</TD>
  <TD>Cell C3</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Screen Output:

Last updated: 29 September, 2004