表格標籤介紹 <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"> |
練習一下吧。
<HTML><HEAD><TITLE> 輕鬆一下 </TITLE></HEAD><BODY>請你隨便打一段文字練習一下上面教<BR>的每一種功能吧。<P>當然，別忘了也加上以前教的排版功能唷。<table border="0" WIDTH="%90" CELLSPACING="2"><tr valign="top"><td WIDTH="180"> <b>BORDER：</b></td><td>表格的框線。</td></tr><tr valign="top"><td> <b>WIDTH：</b></td><td>表格的寬度。</td></tr><tr valign="top"><td> <b>HEIGHT：</b></td><td>表格的高度。</td></tr><tr valign="top"><td> <b>CELLSPACING：</b></td><td>表格的間距。</td></tr><tr valign="top"><td> <b>CELLPADDING：</b></td><td>表格內容與邊界之間的留白。</td></tr></table><P><font color="fuchsia"> 以上就是建立上列表格的原始碼border="0"CELLSPACING="2"</font><BR><BR><BR><table border="5" WIDTH="%90" CELLSPACING="6" CELLPADDING="8"><tr valign="top"><td WIDTH="180"> <b>BORDER：</b></td><td>表格的框線。</td></tr><tr valign="top"><td > <b>WIDTH：</b></td><td>表格的寬度。</td></tr><tr valign="top"><td > <b>HEIGHT：</b></td><td>表格的高度。</td></tr><tr valign="top"><td > <b>CELLSPACING：</b></td><td>表格的間距。</td></tr><tr valign="top"><td > <b>CELLPADDING：</b></td><td >表格內容與邊界之間的留白。</td></tr></table><P><td><font color="fuchsia"> 以上就是建立上列表格的原始碼是BORDER="5" CELLSPACING="6" CELLPADDING="8"</font><BR><BR><BR><P><td><font color="red" size="5"> 寬度及高度的用法與前面提到的類似，你可以自己練習修改看看</font></BODY></HTML> 
<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><HEAD><TITLE> 輕鬆一下 </TITLE></HEAD><BODY>請你隨便打一段文字練習一下上面教<BR>的每一種功能吧。<P>當然，別忘了也加上以前教的排版功能唷。<BR><BR><TABLE BORDER="2" WIDTH="%90" CELLSPACING="2"><CAPTION>這是表格的標題</CAPTION><TR BGCOLOR="#f8f8cc" VALIGN="top"> <TD>表格的bgcolor="#f8f8cc"</TD></TR><TR BGCOLOR="#f0f0cc" VALIGN="middle"> <TD>表格的bgcolor="#f0f0cc"</TD></TR><TR BGCOLOR="#e8e8cc" VALIGN="bottom"> <TD>表格的bgcolor="#e8e8cc"</TD></TR><TR BGCOLOR="#e0e0cc" VALIGN="bottom"> <TD>表格的bgcolor="#e0e0cc"</TD></TR><TR BGCOLOR="#d8d8cc" VALIGN="middle"> <TD>表格的bgcolor="#d8d8cc"</TD></TR></TABLE><BR><P><FONT COLOR="fuchsia">以上就是建立上列表格的原始碼</FONT><BR><P>利用無邊表格及色彩呈現的效果</P><TABLE BORDER="0" CELLSPACING="2" WIDTH="40%"><TR BGCOLOR="#4466AA" VALIGN="top"> <TD ALIGN="center"><FONT COLOR="#EEEEEE" FACE="標楷體"><B>第一章</B></FONT></TD> <TD ALIGN="center"><FONT COLOR="#EEEEEE" FACE="標楷體"><B>第二章</B></FONT></TD></TR><TR BGCOLOR="#4466AA" VALIGN="bottom"> <TD ALIGN="center"><FONT COLOR="#EEEEEE" FACE="標楷體"><B>第三章</B></FONT></TD> <TD ALIGN="center"><FONT COLOR="#EEEEEE" FACE="標楷體"><B>第四章</B></FONT></TD></TR></TABLE><BR></BODY></HTML>
特別說明 在一般的瀏覽器上看網頁時，只要在網頁上
按下滑鼠的右鍵，再點選
檢視原始檔這一個選項， 即可看到其HTML語法的原始檔案，有助於同學了解HTML的語法，相當的方便，希望大家多多利用。
大家在看練習時，可以盡量用此方法。
