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屬性，更改超鏈接的大小，代碼如下所示，然後預覽效果可以看到當鼠標移動上去的時候，超鏈接的字體大小變大了。