編程學習網 > 編程教程 > HTML 教程
2015
09-06

HTML 鏈接

清華大佬耗費三個月吐血整理的幾百G的資源,免費分享!....>>>

HTML 鏈接


HTML 使用超級鏈接與網絡上的另一個文檔相連。幾乎可以在所有的網頁中找到鏈接。點擊鏈接可以從一張頁面跳轉到另一張頁面。


Examples

嘗試一下 - 實例

HTML 鏈接
如何在HTML文檔中創建鏈接。

(可以在本頁底端找到更多實例)


HTML 超鏈接(鏈接)

HTML使用標簽 <a>來設置超文本鏈接。

超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。

當您把鼠標指針移動到網頁中的某個鏈接上時,箭頭會變為一只小手。

在標簽<a> 中使用了href屬性來描述鏈接的地址。

默認情況下,鏈接將以以下形式出現在瀏覽器中:

  • 一個未訪問過的鏈接顯示為藍色字體并帶有下劃線
  • 訪問過的鏈接顯示為紫色并帶上下劃線
  • 點擊鏈接時,鏈接顯示為紅色并帶上下劃線

HTML 鏈接語法

鏈接的 HTML 代碼很簡單。它類似這樣::

<a href="url">Link text</a>

href 屬性描述了鏈接的目標。.

Example

<a >Visit W3CSchool</a>

上面這行代碼顯示為:: Visit W3CSchool

點擊這個超鏈接會把用戶帶到 W3CSchool 的首頁。

提示: "鏈接文本" 不必一定是文本。圖片或其他 HTML 元素都可以成為鏈接。


HTML 鏈接 - target 屬性

使用 Target 屬性,你可以定義被鏈接的文檔在何處顯示。

下面的這行會在新窗口打開文檔:

實例

<a target="_blank">Visit W3CSchool!</a>



HTML 連接- id 屬性

id屬性可用于創建在一個HTML文檔書簽標記。

提示: 書簽是不以任何特殊的方式顯示,在HTML文檔中是不顯示的,所以對于讀者來說是隱藏的。

實例

在HTML文檔中插入ID:

<a id="tips">Useful Tips Section</a>

在HTML文檔中創建一個鏈接到"有用的提示部分(id="tips")":

<a href="#tips">Visit the Useful Tips Section</a>

或者,從另一個頁面創建一個鏈接到"有用的提示(id="tips")部分":

<a >
Visit the Useful Tips Section</a>


基本的注意事項 - 有用的提示

Note: 注釋:請始終將正斜杠添加到子文件夾。假如這樣書寫鏈接:,就會向服務器產生兩次 HTTP 請求。這是因為服務器會添加正斜杠到這個地址,然后創建一個新的請求,就像這樣:。


Examples

更多實例

圖片鏈接
如何使用圖片鏈接。

在當前頁面鏈接到指定位置 如何使用書簽

跳出框架
本例演示如何跳出框架,假如你的頁面被固定在框架之內。

創建電子郵件鏈接
本例演示如何如何鏈接到一個郵件。(本例在安裝郵件客戶端程序后才能工作。)

建電子郵件鏈接 2
本例演示更加復雜的郵件鏈接。


HTML 鏈接標簽

標簽描述
<a>定義一個超級鏈接

掃碼二維碼 獲取免費視頻學習資料

編程學習