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