HTML基礎(chǔ)教程之超級鏈接
網(wǎng)站中隨處可見超級鏈接的身影，打開百度新聞，任意點擊一段話，就會打開新聞詳情頁，這全部都是超級鏈接：
接下來，我們來介紹超級鏈接的詳細知識
超級鏈接
語法格式：
<a ?屬性 = “值”>……</a>
注：<a>中不能再套<a>標記
常用屬性
?href：目標文件的地址URL，該URL可以是相對地址，也可以是絕對地址。
target：目標文件的顯示窗口。
?_blank：在新窗口中打開目標文件。
_self：在當(dāng)前窗口中打開目標文件(默認打開)，相當(dāng)于“替換”操作。
?_parent：在父級窗口來打開目標文件。
?_top：在最頂級窗口來打開目標文件。
?其中_parent、_top常用框架網(wǎng)頁中，我們在之后會有介紹
?name：定義錨點鏈接的名稱。
1、絕對地址URL
（1）遠程的絕對地址
訪問遠程的文件，總是以“<a href="http://”域名、主機名開頭。">http://”域名、主機名開頭。</a>”
實例：
<!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）本地的絕對地址(很少使用)
訪問本地的絕對地址，是以<a href="http://file:///開頭的絕對地址。">file:///開頭的絕對地址。</a>
在上一個實例的基礎(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">點擊查看圖片</a> </body> </html>
注：請大家在本地進行測試
2、相對地址URL（項目中路徑一般是相對路徑，請大家在本地進行測試）
（1）當(dāng)前文件和目標文件是同級關(guān)系，鏈接地址直接寫目標文件名。
<!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）當(dāng)前文件與目標文件所在的文件夾是同級關(guā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.jpg">圖片</a> </body> </html>
（3）目標文件位于上一層目錄中，往上找對應(yīng)的目錄，再找目錄中的文件。
往上找，使用“../”符號表示。
“../”代表上一級目錄
“../../”代表上兩級目錄
<!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、特殊的鏈接
(1)、下載鏈接
什么樣的文件會出現(xiàn)下載提示？
反過來說，哪些文件網(wǎng)頁可以直接執(zhí)行？如：.jpg、.png、.gif、.html、.htm、.txt等。
大部分文件，瀏覽器是不能直接執(zhí)行的。如：.doc、.xls、.ppt、.rar、.psd……
不能直接執(zhí)行的話就會出現(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)、郵箱鏈接
<!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">有問題的話，請給我們發(fā)郵件</a> </body> </html>
(3)、普通空鏈接（#）
步執(zhí)行任何跳轉(zhuǎn)的鏈接：
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <h1>歡迎加入php.cn</h1> <a href="#">這是一個空鏈接</a> </body> </html>
