HTML中的超連結用法實例

如果說網站是由一張張頁面組成的話，那麼超連結的作用就是將這些網頁聯繫在一起。點擊超連結可以從一張網頁跳轉到另一張網頁。現在，我們來看看如何使用HTML中的超連結吧。

操作方法

（01）創建超連結使用a標籤創建超連結，超連結可以是圖片或文字，其中href屬性指的是連接到另一個網頁，比如我們創建一個指向搜狗瀏覽器的文字超連結，代碼如下所示：<a href="">搜狗瀏覽器</a>

（02）預覽效果在瀏覽器中的效果，放大4倍數，點擊超連結，即可跳轉到搜狗瀏覽器頁面，如下圖所示：

（03）target屬性target屬性爲開啟超連結頁面的顯示方式，可取值如下：_blank：在新視窗中開啟超連結頁面_parent ：在父視窗中開啟超鏈頁面_self ：在當前窗體開啟連結,此爲默認值 _top ：在當前窗體開啟連結，並替換當前的整個窗體。

（04）更改超連結的顏色超連結的默認顏色爲藍色，但是該顏色是可以更改的，使用style樣式進行超連結顏色的更改，代碼如下所示： <style type="text/css"> a { color:red; } a:hover{color:green} </style>

（05）預覽效果然後在瀏覽器中預覽效果，可以看到超連結默認爲紅色，但是當鼠標移動上去的時候，超連結顏色變成綠色，如下圖所示：

（06）添加超連結的背景顏色超連結默認是沒有背景顏色的，但是我們可以添加進去，比如當鼠標移動上去的時候，出來一個背景，代碼如下圖所示：<style type="text/css"> a { color:red; } a:hover { color:green; background-color :Gray; } </style>

（07）預覽效果然後在瀏覽器中預覽效果，可以看到當鼠標移動上去的時候，超連結會出現一個背景顏色，如下圖所示：

（08）更改超連結的大小超連結是有默認大小的，我們可以透過添加font屬性，更改超連結的大小，代碼如下所示，然後預覽效果可以看到當鼠標移動上去的時候，超連結的字型大小變大了。