初學者必修篇

第五篇
幾個容易犯錯的超鏈結語法範例

適合程度: 初學者 一般程度 進階者 以上均宜
壹、十個超鏈結用法基本觀念:
01.超鏈結是網頁的特異功能標籤,您一定要徹底學會她。
02.網站與網站或網頁與網頁之所以可以網網相連,就是靠她哦。
03.網頁彼此安排是否順暢易讀,鏈結的運用很重要,有必要深入瞭解他。
04.搞清楚超鏈結的絕對路徑與相對路徑,您才能隨心所欲的設計網站。
05.自己網站內部的鏈結,一定要使用相對路徑,避免使用絕對路徑。
06.超鏈結有五種 (_self、_new、_blank、_top、name) 開啟方式,您最好很熟悉她。
07.雖然 HTML 標籤可容忍編碼錯誤,但是養成正確的標籤用法是有必要的。
08.自己電腦與遠端虛擬主機有很大區別,如大小寫或部份字元限制。
09.為了網站維護與管理方便,您一定要建立好超鏈結路徑與目錄的觀念。
10.其實記不住這些標籤或語法一點關係都沒有,懂得運用技巧才是關鍵。

貳、超鏈結相關語法:
基本架構:<A Href="URL">文字或圖片</A>
本文顯示:<Body Link="#RGB/Color" VLink="#RGB/Color" ALink="#RGB/Color">
基礎鏈結:<Base Href="URL">
內頁鏈結:<A Href="#FileName">文字或圖片</A> & <A Name="FileName"></A>
相對路徑:<A Href="../Path/FileName">
絕對路徑:<A Href="HTTP://WWW.HostName.Com/Path/Path/FileName">
其他鏈結:<A Href="*.zip、 *.exe、 *.mid、*.doc、*.ppt、*.gif .....etc">

參、這裡有幾個錯誤超鏈結範例,是一般人容易犯錯的小地方:
01:避免使用中文字或全形字檔名,因為有些 Server OR Browser 是不支援中文或認識全形字元哦!
<A Href="示範.htm"><A Href="web.htm">
02:檔名間不能有空格,因為他是不合法字元。
<A Href="tack^ test.htm">
03:避免使用大寫或大小寫混合英文檔名,因為有些 UNIX Serve 會分辨大小寫哦。
<A Href="TEST.htm"><A Href="Test.Htm">
HTML 標籤是可以大小寫混合使用的,但是,我們仍然建議您統一使用會比較方便。
04:檔案兩端上方之引號,不能單獨遺漏一邊,結果可能造成圖或文字不見了。
<A Href="test.htm>範例 (請自己用檢視原始碼查看)
05:雙引號的右(一)邊,如果改成單引號,會造成鏈結失效哦。
<A Href='test.htm">
06:如果遺漏了結束標籤 <A> 的斜線 /,也會造成鏈結失效哦。
<A Href="test.htm">...<A>
07:不能使用電腦內的絕對路徑,因為每一部Server的目錄都不一樣。
<A Href="C:\leewn\skill\10\test.htm">
08:主檔名或副檔名,都只能有一個,電腦不認識雙句點的主檔名或副檔名。
<A Href="test.htm.htm">
09:UNIX工作站上的分隔路徑符號是 "/",而 PC 電腦是 "\",要分辨清楚。
<A Href="pics\clickme.htm">
10:超鏈結用於圖檔時,圖檔語法未加 border="0",會出現邊框線哦。
<A Href="test.htm"><img src="pics/home.gif"></A> 範例 (請自己用檢視原始碼查看)
11:檔名使用不合法字元(-、$、#、%、&、*、!、@ 和、? ),造成錯誤鏈結。
Welcome To My <A Href="te&st.htm">Home</A>
12:使用巢狀包覆時,要對稱放置,並最好將鏈結放在最內層,並避免以下情形發生。
<H4>Welcome To My <A Href="test.htm">Home</H4></A>

肆、本報相關報導網頁:
第一階段電子報網頁製作系列報導
進階HTML語法 簡易圖示鏈結語法之運用
網頁運用技巧 圖片展現方式探討 影音語法種類探討 網頁鏈結種類研討
初學者的園地 實用 HTML 語法蒐整
常見的問題 檔案傳輸協定問題
第二階段電子報網頁製作系列報導
實用進階語法 運用 MailTo 製作一個互動回信表單 徹底研究各種 Mailto HyperLink 用法
各種程式選用 MouseOver & MouseOut 特效 探討網頁各種開啟方式與技巧 開啟一個無邊框的全螢幕視窗

伍、本報導摘錄自教學會員,第參篇( HTML 教學)第八節(超鏈結):
更多的教學範例,在本報教學會員教材中,歡迎加入,謝謝支持。

陸、重要通告:
如果您想完整取得電子報內所有檔案資料,我們提供燒錄光碟片給您 Go
凡加入教學或教材會員者,均可獲得以下乙份完整的資料光碟。
詳細內容:語法教學第一電子報第二電子報第三期電子報網頁圖窟

柒、結論與建議:
本站所有報導資料,歡迎網友加入鏈結或轉載內容,惟請保留文章完整,並註明此 引用來源 ,謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿,絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ,她真的簡單易學,懂了她您就能駕馭她,讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質, 索取教材資料 屬個人自由意願,而回饋給您的光碟片,則是我們的誠意而已
一篇保證前所未見的 HTML 教學課程,絕對是您學習 HTML 的好教材,強烈建議您進入實際體驗一下。
本電子報報導資料,未來將繼續每隔 30 日發表一次,以嘉惠更多想學會 HTML 網友,歡迎 繼續訂閱
本報導內容或資料,因限人力、時間,非教學會員,不接受任何疑惑解答,敬請見諒。