超文字標記語言/超連結
超連結是網際網路導航的基礎。它們用於在同一頁面的各個部分之間移動、下載檔案以及跳轉到其他 Web 伺服器上的頁面。超連結使用錨標記建立。讓我們從一個簡單的示例開始
To learn more, see <a href="http://en.wikipedia.org/wiki/Main_Page">Wikipedia</a>.
- 將顯示為： 要了解更多資訊，請參閱 維基百科.
在我們開始建立超連結（簡稱“連結”）之前，我們需要討論絕對 URL 和相對 URL 之間的區別。首先，絕對 URL 可用於將瀏覽器指向任何位置。例如，絕對 URL 可能為
https://wikibook.tw/
但是，當需要建立指向與網頁位於同一目錄樹中的多個物件的連結時，反覆輸入每個被連結物件的完整 URL 會是一個繁瑣的過程。如果網頁移動到新位置，它還需要大量的修改。這就是相對 URL 發揮作用的地方。它們指向相對於網頁當前目錄的路徑。例如
home.html ./home.html ../home.html
這是一個指向名為 home.html 的 HTML 檔案的相對 URL，該檔案與包含連結的當前網頁位於同一目錄（資料夾）中。同樣地
images/top_banner.jpg
這是另一個指向名為 images 的子目錄的相對 URL，該子目錄包含一個名為“top_banner.jpg”的影像檔案。
有時，指定指向頁面的連結還不夠。您可能希望連結到文件中的特定位置。這種型別引用的書籍類比是說“第 32 頁的第三段”，而不是僅僅說“第 32 頁”。假設您想要從文件 a.html 連結到文件 b.html 中的特定位置。然後，您首先為 b.html 中的特定段落指定一個 ID。這是透過在 b.html 中將 <p id="some_name">（其中 some_name 是您選擇的字串）新增為段落標籤來完成的。現在可以使用 <a href="b.html#some_name"> 從文件 a.html 中引用該位置。
現在我們準備建立超連結。以下是基本語法
<a href="URL location" target="target">Alias</a>;
在上面的語法中，“URL 位置”是所連結物件的絕對路徑或相對路徑。“目標”是一個可選屬性，用於指定所連結物件將在哪裡開啟/顯示。例如
<a href="https://wikibook.tw/" target="_blank">English Wikibooks</a>;
上面的示例使用 https://wikibook.tw/ 的絕對 URL，並指定一個目標為“_blank”（這將導致 URL 在新的瀏覽器視窗中開啟）。
- _blank
- 將開啟一個新的空白視窗，並將連結的文件載入到其中。位址列中的位置（如果在新視窗中顯示）會顯示使用者單擊超連結請求的新資源的超連結位置。
- _self
- 包含文件和要單擊的連結的當前框架用於載入連結的文件；如果連結是佔據整個視窗的文件的一部分，那麼新文件將載入到整個視窗中，但在框架的情況下，連結的文件將載入到當前框架中。除非連結的文件被載入到主視窗中而不是框架集的子框架中，否則位址列中不會顯示該位置。
- _parent
- 連結的文件將載入到包含要單擊的連結的框架的父框架中；這在巢狀框架集中很重要。如果視窗 W 包含由子框架 A 和子框架 B 組成的框架集 F，而子框架 B 本身是一個包含“孫子”框架 C 和 D 的框架集 FF（這使得我們擁有包含三個可見窗格 A、C 和 D 的視窗 W），那麼在 D 中的頁面中單擊一個目標為_parent 的超連結會將連結的文件載入到 D 的父框架中，即載入到框架 B 中，從而替換之前定義為框架 B 內容的框架集 FF。框架集 FF 中的文件 C 和 D 將被完全替換，這將只留下框架 A 和超連結中的新文件，它們都在視窗 W 中的主框架集 F 中。只有當父框架恰好是視窗本身時，該位置才會顯示在視窗的位址列中。
- _top
- 連結的文件將載入到視窗中，替換當前顯示在視窗中的所有檔案，無論它們位於哪些框架中。在單擊超連結後，視窗頂部地址/位置欄中的位置將顯示為指向連結的文件。
示例
<a href="http://en.wikipedia.org/wiki/HTML">
<img src="http://commons.wikimedia.org/wiki/Image:Html-source-code2.png"></a>
示例渲染
如您所見，將超連結放在影像上與將它們放在文字上完全類似。您不是將文字放在 a 元素中，而是將影像放在其中。
要建立電子郵件連結，請使用
<a href="mailto:email@example.com">Email Example.com</a>
.