超鏈接概述
所謂的超鏈接是指從網頁的一個位置（起點）指向另一個目標（目標點）的連接關係，超鏈接的起點可以是文字或者圖片，目標點可以是另一個網頁，也可以是某個網頁（包括起點所在的網頁）的一個位置，還可以是一個圖片、一個文件、一個電子郵件地址，甚至是一個應用程序。其基本語法如下：
<a href="index.html">鏈接起點</a>
超鏈接的默認樣式爲藍色字體並帶下劃線，如果希望去除下劃線並更改顏色字體可在CSS中添加以下樣式：
a{
text-decoration:none;
color: white;
}
基本鏈接
外部鏈接
如果鏈接的目標點位於Web上而不是網站內部，一般要使用外部鏈接，創建外部鏈接通常要使用絕對路徑。最常用的外部鏈接格式如下：
<a href="http://www.baidu.com">百度一下</a>
注意：網址中的“http://”不可省略。
內部鏈接
如果鏈接的目標點位於網站內部，則常常是本地機器上的一個文件，這種鏈接就是內部鏈接，創建內部鏈接通常採用相對路徑。最常用的內部鏈接格式如下：
<a href="index.html">鏈接起點</a>
圖片鏈接
如果鏈接的起點需要爲圖片時，其基本語法如下：
<a href="http://www.taobao.com"><img src="images/taobao.jpg" /></a>
當然，也可以同時使用圖片和文字，其基本語法如下：
<a href="5-1.html">
<img src="images/hand.jpg" />
鏈接到本節案例5-1.html
</a>
顯示效果如下所示：
相關屬性
下圖摘自w3school
target屬性
“target屬性”用於指定打開鏈接的目標窗口，其默認方式是原窗口，它的屬性值可以是：
_self: 默認值，被鏈接的目標加載到與該鏈接文字相同的窗口中。
_blank: 將被鏈接的目標加載到新的瀏覽器窗口中。
_parent: 將被鏈接的目標加載到父框架窗口中。
_top: 被鏈接的目標加載到整個瀏覽器窗口中並刪除所有框架。
瀏覽器窗口名稱：在某個已經指定名稱的瀏覽器窗口中打開鏈接。
其基本語法如下：
<a href="URL" target="目標窗口的打開方式">鏈接元素</a>
type屬性
“type屬性”規定目標URL的 MIME 類型，默認值爲all。MIME類型類似於文件擴展名，在不同操作系統中被廣泛接受，例如HTML頁面的MIME類型是text/HTML，GIF圖像的MIME類型是image/gif，CSS文件的MIME類型是text/css。
其基本語法如下：
<a href="images/flower.jpg" target="_blank" type="image/jpeg">春花秋月</a>
<a href="index.html" type="text/html">首頁</a>
media屬性
“media屬性”規定目標URL是爲什麼類型的媒介/設備進行優化的，一般情況該屬性用於規定目標URL是爲特殊設備（比如iPhone）、語音或打印媒介設計的。
其基本語法如下：
<a href="http://myleaf.com" media="handheld">移動設備</a>
hreflang屬性
“hreflang屬性”規定目標URL的基準語言，用於當鏈接的目標頁面與當前頁面語言不同的情況，其取值是一個雙字符語言代碼。
其基本語法如下：
<a href="http://myleaf.com" hreflang="EN">目標英語</a>
rel屬性
“rel屬性”指明當前文檔與href特性指定資源間的關係。主流瀏覽器目前對此特性沒有任何實際使用，不做詳細描述。
其基本語法如下：
<a href="http://myleaf.com" rel="help">目標網頁</a>
title屬性
“title屬性”是HTML5的全局屬性，規定關於元素的額外信息，這些信息通常會在鼠標移到元素上時顯示一段提示文本。一般來說，以圖像爲起點的超鏈接都應該使用“title屬性”以達到提示的效果。
其基本語法如下：
<a href="http://myleaf.com" title="回到首頁">首頁</a>
Email鏈接
Email鏈接是一種目標爲電子郵件地址的特殊鏈接，點擊電子郵件鏈接後，將啓動機器上的電子郵件管理軟件，並解析出電子郵件地址。
其基本語法如下：
<a href="mailto:[email protected]">聯繫我們</a>
當用戶單擊了“聯繫我們”這個鏈接後，將自動啓動本機上的電子郵件管理軟件的寫信功能，並已經把收件人的郵箱地址寫入收件人地址欄中。
錨記鏈接
錨記鏈接是超鏈接的一種，又被稱爲書籤鏈接，常常用於那些內容龐大繁瑣的網頁，通過錨記鏈接，能夠指向某個頁面的特定位置（錨記）。a元素的name屬性用於定義錨記的名稱，一個頁面可以定義0到多個錨記，通過a的href屬性可以根據name跳轉到相應的錨記位置。
錨記鏈接的目標錨記位置可以在同一頁面中，也可以在不同頁面中，在同一頁面中只需指定錨記位置，在不同頁面中需要指定好目標的頁面地址和錨記位置，回到頂部等功能即爲此鏈接。
其基本語法如下：
<a name="錨記名稱"></a> <!-- 命名錨記名稱-->
<a href="#錨記名稱">鏈接元素內容</a> <!-- 同一頁面錨記鏈接 -->
<a name="錨記名稱"></a> <!-- 命名錨記名稱-->
<a href="URL#錨記名稱">鏈接元素內容</a><!-- 不同頁面間錨記鏈接 -->
設置圖像映射
有時候需要在圖像上的某個區域或多個區域設置鏈接，這就需要用到圖像映射。圖像映射是一個能對鏈接指示做出反應的圖形，單擊該圖像的已定義區域，可轉到與該區域相鏈接的目標。圖像映射也被稱爲熱區鏈接，也就是在圖像上設置一到多個熱點區域（熱區），然後在每個熱區上都可以設置超級鏈接。手動進行圖片的熱區設置較爲繁瑣，可以使用相關的熱區製作工具完成。
其基本語法如下：
<img src="圖像路徑" usemap="#圖像映射名稱" />
<map name="圖像映射名稱" id="圖像映射名稱">
<area shape="形狀" coords="座標" href="URL" />
<area shape="形狀" coords="座標" href="URL" />
......
</map>
其中area標籤的屬性如下所示，圖片摘自w3school
內聯框架
HTML4中，佈局可以使用框架frame和frameset，由於框架對網頁可用性存在負面影響，在HTML5中不再支持frame和frameset，但保留了內聯框架iframe。
iframe元素可以用來創建包含在另外一個文檔中的浮動窗口，被稱爲內聯框架或內嵌窗口等。簡單講就是在一個頁面上開闢一個窗口，在這個窗口中可以嵌入顯示其它的HTML文檔，類似於“畫中畫”的感覺。
其基本語法如下：
<iframe src="URL">……</iframe>
內聯框架相關的鏈接
內聯框架的頁面轉換可以使用a標籤的target屬性和iframe標籤的name屬性來進行內聯框架的跳轉。
其基本語法如下：
<p>
父窗體界面<br />
<a href="5-9-3.html" target="in" >鏈接到5-9-3.html</a> <br />
<a href="images/ar.jpg" target="in" >鏈接到圖片ar.jpg</a>
</p>
<iframe src="5-9-2.html" name="in"></iframe>
關於內聯框架iframe的相關屬性如下所示，圖片源自w3school
定義基準地址
base元素用來爲當前頁面中的所有相對URL規定一個默認地址或默認目標。通常情況下，瀏覽器會從當前文檔的URL中提取相應的元素來填寫相對的URL，使用base可以改變這一點，瀏覽器將不再使用當前文檔的URL，而使用由base標記指定的基準URL來解析所有的相對URL。base標記位於網頁的head部分，影響到的相對URL包括a、img、link和form標記。
其基本語法如下：
<head>
<base href="url" target="值" />
</head>
結語
記錄倉促，遺漏之處日後補充，還望指正。