表格標籤就是TABLE 基本結構為:
CODE
<TABLE>
<TR><TD></TD><TD></TD></TR>
<TR><TD></TD><TD></TD></TR>
</TABLE>
TR是指行(列),有幾個TR就有幾行。TD、TH則是欄的意思,每行中若有一個TD、一個TH則會有兩欄。因為TD和TH其實是同樣的東西,只是TH會將此格中的文字置中且加粗。
例如:
CODE
<TABLE>
<TR> <TH>第一行第一格</TH> <TD>第一行第二格</TD></TR>
<TR> <TD>第二行第一格</TD> <TH>第二行第二格</TH></TR>
</TABLE>
TABLE標籤中的BORDER,WIDTH,HEGIHT指令
BORDER:框線寬度預設為0;若要有框線則在後面加個數字就好了,大都是3比較多
WIDTH:整個TABLE的寬度為多少點,最好都在640以內.不過依解析度不同而定
HEGIHT:整個TABLE的高度,不過較少用
TH,TD標籤中的WIDTH,HEGIHT,ALIGN,VALIGN,BGCOLOR指令
WIDTH,HEGIHT:和TABLE中的用法一樣
補充一下WIDTH不只可以用數字,還可以用百分比的,就是佔螢幕的百分比例如WIDTH=90%,但是HEGIHT用百分比可能就不行了在TR,TD中的WIDTH加起來應該不能超出TABLE中的WIDTH...(不說你也該知道的,我也沒試過若超過會怎樣)
ALIGN,VALIGN:
ALIGN ( 水平對齊 ) ,VALIGN ( 垂直對齊 ) 而
ALIGN有right(右),CENTER(中),left(左)
VALIGN有top(上),middle(中),bottom(下)
任何標籤中若有ALIGN,VALIGN用法完全相同,所以之後的文章不再多做解釋
用法大概是
CODE
<TR><TD ALIGN="CENTER" VALIGN="top"> rrrrrrr</TD></TR>
BGCOLOR:表格中可以每個表格去設定其顏色
例如
CODE
<TR> <TD ALIGN="CENTER" VALIGN="top" BGCOLOR=#ffff00> rrrrrrr</TD></TR>
TD.TH中的另一個重要指令ROWSPAN,COLSPAN
ROWSPAN(垂直合併),COLSPAN (水平合併),用法是後面加要合併的格數
譬如:
CODE
<TABLE BORDER=3 WIDTH=450>
<TR> <TD>1-1</TD> <TD>1-2</TD> <TD>1-3</TD> <TD>1-4</TD> </TR>
<TR> <TD>2-1</TD> <TD>2-2</TD> <TD>2-3</TD> <TD>2-4</TD> </TR>
<TR> <TD>3-1</TD> <TD>3-2</TD> <TD>3-3</TD> <TD>3-4</TD> </TR>
<TR> <TH>4-1</TH> <TH>4-2</TH> <TH>4-3</TH> <TH>4-4</TH> </TR>
</TABLE>
1-1 1-2 1-3 1-4
2-1 2-2 2-3 2-4
3-1 3-2 3-3 3-4
4-1 4-2 4-3 4-4
CODE
<TABLE BORDER=3 WIDTH=450>
<TR> <TD COLSPAN=3>1-1</TD> <TD>1-4</TD> </TR>
<TR> <TD>2-1</TD> <TD ROWSPAN=3>2-2</TD> <TD>2-3</TD> <TD>2-4</TD> </TR>
<TR> <TD>3-2</TD> <TD>3-3</TD> <TD>3-4</TD> </TR>
<TR> <TH>4-2</TH> <TH>4-3</TH> <TH>4-4</TH> </TR>
</TABLE>
1-1 1-4
2-1 2-2 2-3 2-4
3-2 3-3 3-4
4-2 4-3 4-4
在 1-1那下了水平合併3個表格,則1-1,1-2,1-3合併為一格,則第一列只剩1-1,和1-4兩格,所以只有兩個 TD。在2-2那下了垂直合併3個表格,則2-2,3-2,4-2合併為一格,則第二列還是有4個TD,但三,四列只剩3個TD或TH,因為三,四列的第二欄被合併到第二列去了。
舉例:哈蘇 503CWD 這一主題就用上了 Table 標籤,語法是
CODE
<table><tr><td width=15%>圖</td><td width=85%>文字</td></tr></table>
留言列表