第三篇
HTML教學
第六節
網頁超鏈結
認識超鏈結標籤
<
A
Href
="
URL
"
>
文字或圖片
<
/A
>
A
原文為
A
nchor
Href
原文為
H
ypertext
Ref
erence
URL
原文為
U
niform
R
esource
L
ocation
語 法 說 明
<
A
>
標籤很簡單,只有一個英文單字,它是英文
A
nchor 縮寫,意思就是錨、固定、繫住。
表示這個位置是可以超鏈結的,當滑鼠移到(按下)此位置時,內定值會加一個底線,並出現手狀圖示及顏色改變。
屬性
Href
是個組合縮寫字,它原文是
H
ypertext(超文字) +
Ref
erence (參考、查詢、提交、關聯)之意。
用在這裡可以翻譯為,要指定該鏈結到某個關聯的位置。
屬性值
URL
,因為複雜重要,在本頁下面另有深入的為您介紹。
超鏈結的結束標籤
<
/A
>
不可省略,其內可包覆文字、圖片或其他元件(如:zip、mid、doc ... 等格式檔案)。
範例
HTML標籤
<
A
Href
="
http://www.webpage.idv.tw/
"
>
網頁研習室
<
/A
>
顯示結果
網頁研習室
請點選範例看看,它會開一個新視窗,然後會鏈結到我的
網頁研習室
網站,是不是好像有特異功能?
網頁研習室
是給訪客看的文字,而隱藏在內的標籤才是它要連出去的網址(
http://www.webpage.idv.tw/
)。
開新視窗是因為我另外加一個很重要屬性
Target
="
_blank
" ,請放心!我們後面馬上就會教到的。
URL
屬性詳細解說
URL
原文為
U
niform
R
esource
L
ocation
譯為統一資源定位器。
它的標準格式為
Scheme
://
Host
[:
Port
]/
Path
/
FileName
。
對照翻譯成中文
格式://主機[:埠]/路徑/檔案名稱。
Scheme
的種類計有:
WWW
、
FTP
、
Gopher
、
News
、
Telnet
、
Mailto
、
File
....。
WWW
原文為
W
orld
W
ide
W
eb
翻譯為:網際網路
FTP
原文為
F
ile
T
ransfer
P
rotocal
翻譯為:檔案傳輸協訂
Gopher
譯為:小地鼠
用於資料查詢。
News
譯為:新聞討論工具
主要用於網路討論群。
Telnet
譯為:執行遠程載入工具
用於遠端主機監控。
Mailto
譯為:寄收信工具
用於電子郵件服務。
File
譯為:檔案工具
用於本端電腦資料查詢。
WWW
格式範例
http
://www.webpage.idv.tw/
http
原文為
H
yper
T
ext
T
ransfer
P
rotocol
翻譯為:超文字傳輸協定
網際網路格式,主要用於指定網路資源位址。
FTP
格式範例
ftp
://ftp.tku.edu.tw/web/tools/htmledit.exe
檔案傳輸格式,主要用於檔案上傳或下載。
Gopher
格式範例
Gopher
://gopher.edu.tw/
資料庫格式,主要用於提供雙向溝通的界面(資料查詢)。
News
格式範例
news
://news.edu.tw/jock
新聞討論工具,主要用於網路討論群。
Telnet
格式範例
telnet
://www.edu.com/
遠程載入的工具,主要用於遠端主機監控。
Mailto
格式範例
mailto
:leewn@webpage.com.tw
寄收信工具,主要用於電子郵件服務。
File
格式範例
file
:///C:\leewn\study\03\01\a.htm
檔案工具,主要用於本端電腦資料查詢。
Host
為主機種類,可為 IP Address
或 DNS
。
Port
為主機連接埠,一般都被省略。
IP Address
原文為
I
nternet
P
rotocal
翻譯為:網際網路協定位址
DNS
原文為
D
omain
Na
me
S
ystem
翻譯為:網域名稱系統
Port
原文為 Web Server Port
翻譯為:主機連接埠數。
Path
為檔案路徑, UNIX 工作站 (Web Host) 上的分隔路徑符號為 "/",電腦內 PC 為 "\"。
FileName
為檔名.副檔名,常見的有 *.htm(l)、*.asp、*.php、*.zip、*.mid、*.cgi、*.exe ...等等。
注意事項:
屬性
Href
的設定值,請養成習慣加入雙引號
(" ")
;可使用相對或絕對路徑
。
檔名或副檔名盡可能用英文小寫或阿拉伯數字,不可使用中文字、空格字元、全形文字或數字等作檔名。
當然也避免使用 $、!、@ 和 ? 等標點符號或連續句號等作檔名或副檔名。
UNIX 工作站,對英文大小視為不同檔案,請特別注意,建議所有檔名或副檔名,都使英數用小寫。
其他如 *.ASP 檔案或 FontPage 製作的部份功能網頁,只能在微軟的 Windows 或 NT 工作站運作。
請注意:
這個部份很重要,必須單獨詳細介紹