HTML創建超文本與圖片鏈接！

1.什麼是文本和圖像鏈接！

瀏覽網頁時，會看到一些帶下劃線的文字。，將游標移到文字上時，游標將變成手形，單擊會打開一個網頁，這樣的鏈接就是文本鏈接。

在網頁中瀏覽內容時，若將游標移到圖像上，游標會變成手形，單擊會打開一個網頁，這樣的鏈接就是圖像鏈接。

文本鏈接

圖像鏈接

2.創建鏈接的方法！

使用<a>標籤可以實現網頁超鏈接，但<a>標籤需要定義錨來指定鏈接目標。錨（anchor）有兩種用法，介紹如下：

（1）通過使用href屬性，創建指向另外一個文檔的鏈接（或超鏈接）；

（2）通過使用name和id屬性，創建一個文檔內部的書籤（也就是說，可以創建指向文檔片段的鏈接）。

使用href屬性的代碼格式如下：

<a href="鏈接地址">創建鏈接的文本或圖片</a>

使用name屬性的代碼格式如下：

<a name="value">創建鏈接的文本或圖片</a>

name屬性用於指定錨（anchor）的名稱，可以創建（大型）文檔內的書籤。

使用id屬性的代碼格式如下：

<a id="value">創建鏈接的文本或圖片</a>

3.創建網頁內的文本鏈接！

創建網頁內的文本鏈接主要使用href屬性來實現，如在網頁中做一些知名網站的友情鏈接，具體操作方法如下。

（1）編寫代碼如下圖所示：

（2）在瀏覽器中打開文件，預覽效果如下所示，可以看到帶有超鏈接的文本呈現淺紫色。

小提示：鏈接地址前的「http:// 」不可省略，否則會出現錯誤提示。

4.創建網站內的圖像鏈接！

使用<a>標籤為圖片添加鏈接的代碼格式如下：

<a href="鏈接目標l"><img src="圖片"/></a>

下面是一個簡單的圖片鏈接案例。

（1）編寫代碼如下圖所示：

（2）在瀏覽器中打開文件，預覽效果如下所示。游標放在圖片上呈現抓手形，單擊后可跳轉到指定網頁。

瀏覽器截圖

小提示：文件中的圖片要和當前網頁文件在同一個目錄下，鏈接的網頁沒有加「http:// 」，默認為當前網頁所在目錄。