補 充 - 表 格 標 籤教 學
事前解說
在TABLE標籤還有幾個比較實用的屬性,如CELLSPACING,CELLPADDING,還有將介紹一下表格最好用的地方
CELLSPACING 屬性
CELLSPACING是指表格內框的寬度
其BORDER是指一個表格的最外框,會有立體的效果的是BORDER,而CELLSPACING就是指除了立體效果外的表格框線
而CELLSPACING用法和BORDER用法都相同,也是給一個數值,而CELLSPACING的預設值也是3

例如:
<TABLE BORDER=3 CELLSPACING=15 WIDTH=90%>
<TR><TD>1 </TD><TD>2 </TD></TR>
<TR><TD>3 </TD><TD>4 </TD></TR>
</TABLE>

1 2
3 4

當BORDER為0時CELLSPACING雖然無法直接看到內框寬度,但效果還是存在
例如:
<TABLE BORDER=0 CELLSPACING=30 WIDTH=90%>
<TR><TD>1 </TD><TD>2 </TD></TR>
<TR><TD>3 </TD><TD>4 </TD></TR>
</TABLE>

1 2
3 4

CELLPADDING 屬性
CELLPADDING是指表格中文字距離表格框線的距離
而CELLPADDING用法和BORDER,CELLSPACING用法都相同

例如:
<TABLE BORDER=3 CELLSPACING=15 CELLPADDING=10 WIDTH=90%>
<TR><TD>1 </TD><TD>2 </TD></TR>
<TR><TD>3 </TD><TD>4 </TD></TR>
</TABLE>

1 2
3 4

從這便可以看到表格中的數字1,2,3,4距離邊邊都有10點的距離了

BORDER為0的妙用
在CELLSPACING中曾提到BORDER為0時,但CELLSPACING有設定值時,效果仍然存在, 而其實BORDER為0時,可以用來定位文字圖片,譬如在這份教學文件中最下版權宣告的部份, 是置右對齊,而若想要達成這個效果,可能就要用P標籤的ALIGN屬性,但使用後兩行間會空一行, 而若打它打表格中,把BORDER設為0時,而把TD的ALIGN的屬性設為RIGHT時,看起來就好像直 接對右的樣子
但BORDER為0的妙用還不只如此,而以,要靠自己在去設計,而不是本文 件所能介紹完的
本章範例
<HTML>
<HEAD>
<TITLE>補充-表格標籤教學 </TITLE>
</HEAD>
<BODY>
<CENTER>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=600>
<TR>
<TD ALIGN=LEFT WIDTH=33%> <IMG SRC="../image/ex71.gif"> </TD>
<TD ALIGN=CENTER WIDTH=34%> 醒吾技術學院國際貿易科</TD>
<TD ALIGN=RIGHT WIDTH=33%> <IMG SRC="../image/ex71.gif"> </TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
範例效果

作者:  醒吾技術學院  國貿系  陳義元  E-mail
完成日期:1999年8月31日

[ 上一頁 | 回主頁 | 下一頁 ]