如果説網站是由一張張頁面組成的話,那麼超鏈接的作用就是將這些網頁聯繫在一起。點擊超鏈接可以從一張網頁跳轉到另一張網頁。現在,我們來看看如何使用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屬性,更改超鏈接的大小,代碼如下所示,然後預覽效果可以看到當鼠標移動上去的時候,超鏈接的字體大小變大了。