表格二


大雄的功課表 拜一拜二拜三拜四拜五拜六
上午 8:00~ 8:50
9:00~ 9:50
10:00~10:50
11:00~11:50
下午13:00~13:50

14:00~14:50
15:00~15:50
16:00~16:50

製作表格時,常會有以下的需求:
合併欄:如大雄的功課表。
合併列:如上午、下午、禮拜三、六下午。

你可以用ROWSPAN=n及COLSPAN=n來完成。

例如:
<th colspan=2>大雄的功課表</th>
<th rowspan=4>上午</th>
<td rowspan=4>沒<br>課</td>

再以幾個例子來加深您的印象:
範例【1】
<table border=10>
<tr><td colspan=2>甲</td><td>乙</td></tr>
<tr><td>子</td><td>丑</td><td>寅</td></tr>
</table>

執行結果

範例【2】
<table border=10>
<tr><td rowspan=2>甲</td><td>乙</td></tr>
<tr><td>丙</td></tr>
</table>

執行結果

表格中資料的對齊
格式:
<tr align=XX valign=YY>內容</tr>
<th align=XX valign=YY>內容</th>
<td align=XX valign=YY>內容</td>
XX=left, center, right
YY=top, middle, bottom

範例:

<table border=10>
<tr><td>天干</td><td>地支</td></tr>
<tr align=left><td>甲</td><td>乙</td></tr>
<tr align=center><td>子</td><td>丑</td></tr>
<tr align=right><td>鼠</td><td>牛</td></tr>
</table>

執行結果
天干地支

範例:

<table border=10>
<tr>
<td>天干</td><td>地支</td><td>生肖</td>
</tr>
<tr>
<td align=left>甲</td>
<td align=center>子</td>
<td align=right>牛</td>
</tr>
</table>
執行結果
天干地支生肖
範例:
<table border=10>
<tr><td>天<br>干</td><td valign=top>甲</td></tr>
<tr><td>地<br>支</td><td valign=middle>子</td></tr>
<tr><td>生<br>肖</td><td valign=bottom>鼠</td></tr>
</table>

執行結果