表格


格式:

<table border=n>
<caption>表格標題</caption>
<tr><td>列一行一</td><td>列一行二</td></tr>
<tr><td>列二行一</td><td>列二行二</td></tr>
</table>

範例:

<table border=0>
<caption>高師大附中高三</caption>
<tr><td>  </td><td>導師</td> <td>人數</td> </tr>
<tr><td>仁班</td><td>豬聰明</td> <td> 40 </td> </tr>
<tr><td>義班</td><td>飛雅特</td> <td> 32 </td> </tr>
</table>

執行結果:(border=0)

高師大附中高三
導師人數
仁班豬聰明40
義班飛雅特32

執行結果:(border=5)

高師大附中高三
導師人數
仁班豬聰明40
義班飛雅特32

執行結果:(border=10)

高師大附中高三
導師人數
仁班豬聰明40
義班飛雅特32

祕訣ㄧ

除了<td></td>還可用<th></th>差別是
TH=Table Header  TD=Table Data
<TH></TH>中的字是粗體字且置中。

祕訣二

設定邊框的顏色bordercolor=colorname
邊框的顏色效果要在Netscape4.0才看得到。

祕訣三

<caption align=top/bottom>表格標題</caption>
內定值是top

範例

<table border=10 bordercolor=red>
<caption align=bottom>高師大附中高三</caption>
<tr><th>  </th><th>導師</th><th>人數</th></tr>
<tr><th>仁班</th><td>豬聰明</td><td> 40 </td></tr>
<tr><th>義班</th><td>飛雅特</td><td> 32 </td></tr>
</table>

執行結果:(border=20)

高師大附中高三
導師人數
仁班豬聰明40
義班飛雅特32

祕訣四

表格大小是以實際內容所佔大小作分配,
不過你也可以指定大小,做法如下
<table width=50% height=200>

範例

<table width=50% height=200 border=10 bordercolor=red>
<caption align=bottom>高師大附中高三</caption>
<tr><th>  </th><th>導師</th><th>人數</th></tr>
<tr><th>仁班</th><td>豬聰明</td><td>40 </td></tr>
<tr><th>義班</th><td>飛雅特</td><td>32 </td></tr>
</table>

執行結果:(border=20)

高師大附中高三
導師人數
仁班豬聰明40
義班飛雅特32