HTML語言剖析(七) 表格標記

　　表格標記
　　<TABLE> <TR> <TD>
　　<TH>
　　<CAPTION> 

　　■ <TABLE> <TR> <TD> ：
 
　　這三個標記是定義表格的最重要的標記，可以說只學這三個己足夠。
　　<TABLE>是一個容器標記，意思是說它用以聲明這是表格而且其他表格標記只能在他的 范圍內才適用，屬容器標記的還有其他。
　　<TR>用以標示表格列（row）
　　<TD>用以標示儲存格（cell）

　　<TABLE> 的參數設定（常用）：

　　例如： <table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">

　　●　width="400"
　　表格寬度，接受絕對值（如 80）及相對值（如 80%）。

　　●　border="1"
　　表格邊框厚度，不同瀏覽器有不同的內定值，故請指明。

　　●　cellspacing="2"
　　表格格線厚度，請看例子三，那是加厚到 5 的格線。

　　●　cellpadding="2"
　　文字與格線的距離，請看例子四，那是加至 10 的 padding。

　　●　align="CENTER"
　　表格的擺放位置（水平），可選值為： left, right, center，請看例子五或六，那表格 是放于中間的，為怕一些瀏覽器不支援，故特加上居中標記<CENTER>，只是多 層保證而己，當然只用<CENTER>亦可。

　　●　valign="TOP".
　　表格內字畫等的擺放貼　位置（垂直），可選值為： top, middle, bottom。

　　●　background="myweb.gif"
　　表格　紙，與 bgcolor 不要同用。

　　●　bgcolor="#0000FF"
　　表格底色，與 background 不要同用，請看例子六。

　　●　bordercolor="#FF00FF"
　　表格邊框顏色，NC 與 IE 有不同的效果，請看例子六。

　　●　bordercolorlight="#00FF00"
　　表格邊框向光部分的顏色，請看例子二。『只適用于 IE』

　　●　bordercolordark="#00FFFF"
　　表格邊框背光部分的顏色，請看例子二，使用 bordercolorlight 或 bordercolordark 時bordercolor 將會失效。『只適用于 IE』

　　●　cols="2"
　　表格欄位數目，只是讓瀏覽器在下載表格是先畫出整個表格而己。

　　<TR> 的參數設定（常用）：

　　例如：<tr align="RIGHT" valign="MIDDLE" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#808080" bordercolordark="#FF0000">

　　●　align="RIGHT"
　　該一列內字畫等的擺放貼　位置（水平），可選值為： left, center, right。

　　●　valign="MIDDLE"
　　該一列內字畫等的擺放貼　位置（垂直），可選值為： top, middle, bottom。

　　●　bgcolor="#0000FF"
　　該一列底色，請看例子五。

　　●　bordercolor="#FF00FF"
　　該一列邊框顏色，請看例子三。『只適用于 IE』

　　●　bordercolorlight="#808080"
　　該一列邊框向光部分的顏色，請看例子三。『只適用于 IE』

　　●　bordercolordark="#FF0000"
　　該一列邊框背光部分的顏色，請看例子三，使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效。『只適用于 IE』

　　<TD> 的參數設定（常用）：

　　例如：<td width="48%" height="400" colspan="5" rowspan="4" align="RIGHT" valign="BOTTOM" bgcolor="#FF00FF" bordercolor="#808080" bordercolorlight="#FF0000" bordercolordark="#00FF00" background="myweb.gif">

　　●　width="48%"
　　該一儲存格寬度，接受絕對值（如 80）及相對值（如 80%）。

　　●　height="400"
　　該一儲存格高度。

　　●　colspan="5"
　　該一儲存格向右打通的欄數。請看例子六

　　●　rowspan="4"
　　該一儲存格向下打通的列數。請看例子六

　　●　align="RIGHT"
　　該一儲存格內字畫等的擺放貼　位置（水平），可選值為： left, center, right。

　　●　valign="BOTTOM"
　　該一儲存格內字畫等的擺放貼　位置（垂直），可選值為： top, middle, bottom。

　　●　bgcolor="#FF00FF"
　　該一儲存格底色，請看例子四。

　　●　bordercolor="#808080"
　　該一儲存格邊框顏色，請看例子三。『只適用于 IE』

　　●　bordercolorlight="#FF0000"
　　該一儲存格邊框向光部分的顏色，請看例子三。『只適用于 IE』

　　●　bordercolordark="#00FF00"
　　該一儲存格邊框背光部分的顏色，請看例子三，使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效。『只適用于 IE』

　　●background="myweb.gif"
　　該一儲存格　紙，與 bgcolor 任用其一。