第三篇
HTML教學
網頁研習室 第六節
網頁超鏈結
 
容易犯錯的超鏈結範例
錯誤(一)
<A Href="示範.htm"><A Href="web.htm">

請避免使用中文或全形字當做檔名,因為有些主機(Server),是不支援中文或認識全形字元哦。

錯誤(二)
<A Href="tack test.htm"><A Href="tack^test.htm">

檔案名稱不能有不合法字元(-、$、#、%、&、*、!、@、? )或空格,因為主機會將它當做指令。

錯誤(三)
<A Href="TEST.htm"><A Href="Test.Htm">

請避免使用大寫或大小寫混合英文檔名,因為有些主機(Server),對大小寫而言是有區別的哦。

正確
<A Href="show.htm"><Img Src="../../images/exp.gif" border="0"></A>

範例


錯誤(四)
<A Href="show.htm ><Img Src="../../images/exp.gif" border="0"></A>


屬性超鏈結檔案兩端上方之雙引號,不能遺漏任何一邊,缺少一邊的結果就會是圖檔會不見了。

正確
<A Href="show.htm"><Img Src="../../images/exp.gif" border="0"></A>

範例


錯誤(五)
<A Href="show.htm' ><Img Src="../../images/exp.gif" border="0"></A>


屬性超鏈結檔案兩端上方之雙引號,其中的任一邊,如果改成單引號,也會造成圖檔不見情況。

回跨頁指定特定點的鏈結教學

正確
<A Href="show.htm"><Img Src="../../images/exp.gif" border="0"></A>

範例


錯誤(六)
<A Href="show".htm"><Img Src="../../images/exp.gif" border="0"></A>

範例
屬性超鏈結檔案檔名及副檔名間,再加一特雙引號,會造成圖檔看的見,超鏈結功能失效現象。

正確
<A Href="\leewn\skill\10\show.htm"><Img Src="../../images/exp.gif" border="0"></A>

範例


錯誤(七)
<A Href="C:\leewn\skill\10\show.htm"><Img Src="../../images/exp.gif" border="0"></A>

範例
不能使用電腦內的絕對路徑 (C:/) 做鏈結,因為每一部電腦或主機內的路徑(目錄)都不一樣。

正確
<A Href="show.htm"><Img Src="../../images/exp.gif" border="0"></A>

範例


錯誤(八)
<A Href="show.htm.htm"><Img Src="../../images/exp.gif" border="0"></A>

範例
主檔名或副檔名,都只能有一個,所有電腦或虛擬主機,都不認識雙句點的主檔名或副檔名。

正確
<A Href="show.htm"><Img Src="../../images/exp.gif" border="0"></A>

範例


錯誤(九)
<A Href="show.htm.htm"><Img Src="../../images/exp.gif"></A>

範例
超鏈結用於圖檔時,圖檔語法請務必加入 border="0" 屬性習慣,否則會出現明顯的邊框線。

正確
<H4>Welcome To <A Href="show.htm">My</A>Home</H4>

錯誤(十)
<H4>Welcome To My <A Href="show.htm">My</H4>Home</A>

Welcome To My

Home

使用巢狀包覆時,務必養成由內而外的相互對稱設置,並最好將要鏈結的標籤放在最裡層內。

回到頂端