HTML超鏈接大致分爲以下7類：
1、簡單鏈接
<a href="這裏寫鏈接地址" title="前端一萬小時">知乎：itsOli</a>
<!-- 註釋：這裏的 title 屬性，作用是：當我們把鼠標停在 itsOli 上時，會彈出一個文本框：
前端一萬小時。 -->複製代碼
2、外部鏈接
將 target 設置成 _blank 時，點擊這個鏈接，瀏覽器會新開一個窗口打開該網頁：
<a href="這裏寫鏈接地址" title="前端一萬小時" target="_blank">知乎：itsOli</a>
<!-- 註釋：當然這裏的 target 屬性還可以設置成其他值。-->複製代碼
3、 返回頁面頂部鏈接
<a href="#">返回頁面頂部</a>
<!-- 註釋：這裏的 # 後邊是可以加東西的，可以是文檔中某個元素的 ID，也可以是某個標題等等（但前
提是這些東西要唯一，不然沒辦法定位到具體位置）。 -->複製代碼
4、 圖片鏈接
用圖片來作爲鏈接可點擊的對象。
5、下載鏈接
<a href="https://……這裏放下載的鏈接" download>下載</a>
<!-- 註釋：當我們點擊“下載”二字時，就會自動下載這個鏈接的東西。 -->複製代碼
6、電話鏈接
<a href="tel:+86177******">打電話給 Oli</a>
<!-- 註釋：當用戶是手機瀏覽頁面時，點擊“打電話給 Oli”，手機就會自動撥號到這個號碼。 -->
7、 Email 鏈接
<a href="mailto:[email protected]">發郵件給 Oli</a>
<!-- 註釋：當點擊“發郵件給 Oli ”時，則自動打開郵箱跳轉到寫信頁面； -->
<a href="mailto:[email protected]" cc="[email protected]">發郵件給 Oli 並抄送給 Seema</a>
<!-- 註釋：當點擊“發郵件給 Oli 並抄送給 Seema”，則自動打開郵箱跳轉到寫信頁面並填好抄送人。 -->
HTML超鏈接是HTML技術中非常重要的一個知識點，幾乎所有的網站多多少少都有上述的幾種超鏈接存在，也是互聯網的特性之一。