超鏈接是互聯(lián)網(wǎng)提供的最令人興奮的創(chuàng)新之一，它們從一開始就一直是互聯(lián)網(wǎng)的一個特性，使互聯(lián)網(wǎng)成為互聯(lián)的網(wǎng)絡。HTML超鏈接也是各個網(wǎng)站網(wǎng)頁之間實現(xiàn)相互連接的一個手段之一，被廣泛應用在各大網(wǎng)站。

HTML超鏈接使我們能夠將我們的文檔鏈接到任何其他文檔（或其他資源），也可以鏈接到文檔的指定部分，我們可以在一個簡單的網(wǎng)址上提供應用程序（與必須先安裝的本地應用程序或其他東西相比）。幾乎任何網(wǎng)絡內(nèi)容都可以轉換為鏈接，點擊（或激活）超鏈接將使網(wǎng)絡瀏覽器轉到另一個網(wǎng)址（URL）。URL 可以指向 HTML 文件、文本文件、圖像、文本文檔、視頻和音頻文件以及可以在網(wǎng)絡上保存的任何其他內(nèi)容。 如果瀏覽器不知道如何顯示或處理文件，它會詢問您是否要打開文件（需要選擇合適的本地應用來打開或處理文件）或下載文件（以后處理它）。

HTML超鏈接大致分為以下7類：

1、簡單鏈接

<a href="這里寫鏈接地址" title="前端一萬小時">知乎：itsOli</a>

<!-- 注釋：這里的 title 屬性，作用是：當我們把鼠標停在 itsOli 上時，會彈出一個文本框：

前端一萬小時。 -->復制代碼

2、外部鏈接

將 target 設置成 _blank 時，點擊這個鏈接，瀏覽器會新開一個窗口打開該網(wǎng)頁：

<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:olizhao@qq.com">發(fā)郵件給 Oli</a>

<!-- 注釋：當點擊“發(fā)郵件給 Oli ”時，則自動打開郵箱跳轉到寫信頁面； -->

<a href="mailto:olizhao@qq.com" cc="seema.qdywxs@gmail.com">發(fā)郵件給 Oli 并抄送給 Seema</a>

<!-- 注釋：當點擊“發(fā)郵件給 Oli 并抄送給 Seema”，則自動打開郵箱跳轉到寫信頁面并填好抄送人。 -->

HTML超鏈接是HTML技術中非常重要的一個知識點，幾乎所有的網(wǎng)站多多少少都有上述的幾種超鏈接存在，也是互聯(lián)網(wǎng)的特性之一。在本站的HTML教程中涉及了各種各樣的超鏈接的實例教程，感興趣的小伙伴快去學習吧，爭取學成之后獨立完成一個屬于自己的前端頁面。