超連結是游標在瀏覽器中移動時，當移動至網頁中某些文字或圖形上面時， 滑鼠圖示會變形成「手」，當你按下滑鼠左鍵時，會連結到相關的說明網頁。
☉ 圖檔連結使用 標籤名稱 功能說明 <img> 圖檔連結 ☉ IMG 標籤屬性 屬性名稱 功 能 說 明 src 圖檔的位置來源. border 為圖形表框(設定邊界大小，=0為不加). height 設定圖形高度. width 設定圖形寬度. alt 為圖形加註解. align 調整圖形對齊位置. lowsrc 設定預覽低解析圖片檔. ☉ Homework1：超連結他人(remote)網站的圖片 <img src="http://www.nctu.edu.tw/images/nctu6_19.gif">交大 ☉ Homework2：超連結自己網站的圖片(注意檔名) <img src="nctu6_19.gif">圖檔和網頁需放在一起 ☉ 與文字說明超連結並用 <a href="http://www.nctu.edu.tw"><img src="logo.gif">交大</a>
標籤名稱
功能說明
屬性名稱
功 能 說 明
☉ 網站超連結：<A>錨 標籤名稱 功能說明 <A href="URL位址">連結字</A> A(Anchor)錨, 連結點，定義連結網路資源 •超連結應用範例： <A href="telnet://bbs.csie.nctu.edu.tw">交大資工BBS</A> <A href="gopher://gopher.csie.nctu.edu.tw">交大地鼠系統</A> <A href="ftp://ftp.cis.edu.tw">交大資科檔案伺服器</A> <A href="mailto:sr731@mbox.hchs.hc.edu.tw">寄信給我</A> ☉ Local檔案連結 標籤名稱 功能說明 <A HREF="檔案名稱">連結字串</A> A(Anchor)連結點，定義連結網路資源 ☉ Local目錄下的檔案連結 標籤名稱 功能說明 <A HREF="目錄名/檔名">連結字串</A> 最前面不需再加 " / " ☉ 鏈結顏色的變化可以在Body標籤參數中修改 屬性名稱 功 能 說 明 alink="#RRGGBB" 目前選擇的超連結 link="#RRGGBB" 未選擇過的超連結 vlink="#RRGGBB" 已選擇過的超連結 ☉ 練習 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> <html> <head><title>超連結顏色練習</title></head> <body bgcolor="purple" > <a href="http://www.nctu.edu.tw">交通大學</a> </body> </html> ☉ 段落中的超連結 [Extra額外補充] •連結至同一文件中某段落 <a href="#段落名稱">敘述說明</a> 被指向的位置設定 <a name="段落名稱"> •連結至另一文件中某段落 <a href="文件檔名#段落名稱">敘述說明</a> 被指向的位置設定 <a name="段落名稱">
•連結至同一文件中某段落 <a href="#段落名稱">敘述說明</a> 被指向的位置設定 <a name="段落名稱"> •連結至另一文件中某段落 <a href="文件檔名#段落名稱">敘述說明</a> 被指向的位置設定 <a name="段落名稱">