HTML基礎(chǔ)教程之超鏈接
網(wǎng)站中隨處可見(jiàn)超級(jí)連結(jié)的身影，打開(kāi)百度新聞，任意點(diǎn)擊一段話，就會(huì)打開(kāi)新聞詳情頁(yè)，這全部都是超級(jí)連結(jié)：
接下來(lái)，我們來(lái)介紹超級(jí)連結(jié)的詳細(xì)知識(shí)
超級(jí)連結(jié)
#語(yǔ)法格式：
<a ?屬性= “值”>……</a>
#註：<a>中不能再套用<a>標(biāo)記
#常用屬性
?href：目標(biāo)檔案的位址URL，此URL可以是相對(duì)位址，也可以是絕對(duì)位址。
target：目標(biāo)檔案的顯示視窗。
?_blank：在新視窗中開(kāi)啟目標(biāo)檔案。
_self：在目前視窗中開(kāi)啟目標(biāo)檔案(預(yù)設(shè)開(kāi)啟)，相當(dāng)於「替換」操作。
?_parent：在父級(jí)視窗來(lái)開(kāi)啟目標(biāo)檔案。
?_top：在最頂層視窗來(lái)開(kāi)啟目標(biāo)檔案。
?其中_parent、_top常用框架網(wǎng)頁(yè)中，我們之後會(huì)有介紹
?name：定義錨點(diǎn)連結(jié)的名稱(chēng)。
1、絕對(duì)位址URL
（1）遠(yuǎn)端的絕對(duì)位址
存取遠(yuǎn)端的文件，總是以“<a href="http://”網(wǎng)域名稱(chēng)、主機(jī)名稱(chēng)開(kāi)頭。">http://”網(wǎng)域名稱(chēng)、主機(jī)名稱(chēng)開(kāi)頭。</a>”
實(shí)例：
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <h1>歡迎加入php.cn</h1> <a href="http://www.miracleart.cn/" >php.cn</a> <hr> <a href="http://www.taobao.com/" target="_blank">淘寶網(wǎng)</a> <hr> <a href="http://www.baidu.com/" target="_blank">百度</a> </body> </html>
（2）本地的絕對(duì)位址(很少使用)
訪問(wèn)本地的絕對(duì)地址，是以<a href="http://file:///開(kāi)頭的絕對(duì)地址。">file:///開(kāi)頭的絕對(duì)地址。 </a>
在上一個(gè)實(shí)例的基礎(chǔ)上加上：
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <h1>歡迎加入php.cn</h1> <a href="http://www.miracleart.cn/" >php.cn</a> <hr> <a href="http://www.taobao.com/" target="_blank">淘寶網(wǎng)</a> <hr> <a href="http://www.baidu.com/" target="_blank">百度</a> <a href="file:///D:/image.html" target="_blank">點(diǎn)擊查看圖片</a> </body> </html>
註：請(qǐng)大家在本地進(jìn)行測(cè)試
2、相對(duì)位址URL（專(zhuān)案中路徑一般是相對(duì)路徑，請(qǐng)大家在本地進(jìn)行測(cè)試）
（1）目前檔案和目標(biāo)檔案是同級(jí)關(guān)係，連結(jié)位址直接寫(xiě)目標(biāo)檔案名稱(chēng)。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <h1>歡迎加入php.cn</h1> <a href="1.jpg">圖片</a> </body> </html>
（2）目前檔案與目標(biāo)檔案所在的資料夾是同級(jí)關(guān)係，先找“資料夾名稱(chēng)”，然後再找“檔案名稱(chēng)”。
也就是，目標(biāo)檔案位於下一層。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <h1>歡迎加入php.cn</h1> <a href="image/1.jpg">圖片</a> </body> </html>
（3）目標(biāo)檔案位於上一層目錄中，往上找對(duì)應(yīng)的目錄，再找目錄中的檔案。
往上找，使用「../」符號(hào)表示。
“../”代表上一層目錄
“../../”代表上兩層目錄
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <h1>歡迎加入php.cn</h1> <a href="../image/1.jpg">圖片</a> </body> </html>
3、特殊的連結(jié)
(1)、下載連結(jié)
什麼樣的檔案會(huì)出現(xiàn)下載提示？
反過(guò)來(lái)說(shuō)，哪些文件網(wǎng)頁(yè)可以直接執(zhí)行？如：.jpg、.png、.gif、.html、.htm、.txt等。
大部分的文件，瀏覽器是不能直接執(zhí)行。如：.doc、.xls、.ppt、.rar、.psd……
不能直接執(zhí)行的話就會(huì)出現(xiàn)下載框
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <h1>歡迎加入php.cn</h1> <a href="image/1.rar">下載</a> </body> </html>
#(2)、郵箱連結(jié)
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <h1>歡迎加入php.cn</h1> <a href="mailto:php@php.cn">有問(wèn)題的話，請(qǐng)給我們發(fā)郵件</a> </body> </html>
(3)、普通空連結(jié)（#）
步驟執(zhí)行任何跳躍的連結(jié)：
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <h1>歡迎加入php.cn</h1> <a href="#">這是一個(gè)空鏈接</a> </body> </html>
