表格標籤之介紹及應用


表格標籤介紹
<TABLE>...</TABLE>
<TABLE>標記的功能是宣告一個表格的開始與結束。其屬性如下：
BORDER：表格的框線，BORDER="N"，其中N為表格外框的厚度，數字愈小線愈細，當N等於0時，則不顯示外框，內定值為1。例如：<TABLE   BORDER="2">
WIDTH：表格的寬度，可以用點的量也可以用百分比的方式來定義。例如：<TABLE   WIDTH="20">
HEIGHT：表格的高度，與寬度一樣可以用點的量也可以用百分比的方式來定義。例如：<TABLE   HEIGHT="40%">
CELLSPACING：表格的間距，用點的量來定義，但不可以為零。例如：<TABLE   CELLSPACING="2">
CELLPADDING：表格的留白，也是用點的量來定義，但不可以為零。例如：<TABLE   CELLPADDING="3">

練習一下吧。


<CAPTION>...</CAPTION>
<CAPTION>標記的功能是配合<TABLE>標記，用來設定表格的標題，表格的標題會顯示在表格的上方或下方，在標籤中用ALIGN屬性來指定，預設值為上方。且此標籤一定要在表格宣告下使用才有效。

<TR>...</TR>
<TR>標記的功能是配合<TABLE>標記，用來宣告表格中每一行的開始與結束。其屬性如下：
ALIGN：水平方向對齊(LEFT、CENTER、RIGHT)。例如：<TR   ALIGN="CENTER">
VALIGN：垂直方向對齊(TOP、MIDDLE、BOTTOM)。例如：<TR   ALIGN="BOTTOM">
BGCOLOR：表格的背景顏色，使用方法與前面的顏色用法一樣。例如：<TR   BGCOLOR="BLUE">

<TH>...</TH>
<TH>標記的功能是配合<TABLE>標記，用來設定表格的標頭，其中的文字為置中且加粗的屬性，它有上述的ALIGN及VALIGN兩種屬性。

<TD>...</TD>
<TD>標記的功能是配合<TABLE>標記，用來宣告表格中資料的開始與結束。

記住! <TR>是用來定義表格的一列，所以一定要宣告在<TABLE>跟</TABLE>之間， 而<TH> 是定義欄位標題的，應該宣告在第一列；<TD>是定義欄位內容，所以要放在<TR> 跟</TR>之間。

練習一下吧。


特別說明
在一般的瀏覽器上看網頁時，只要在網頁上按下滑鼠的右鍵，再點選檢視原始檔這一個選項， 即可看到其HTML語法的原始檔案，有助於同學了解HTML的語法，相當的方便，希望大家多多利用。大家在看練習時，可以盡量用此方法。
到下一頁