如果說網站是由一張張頁面組成的話， 那么超鏈接的作用就是將這些網頁聯系在一起 。 點擊超鏈接可以從一張網頁跳轉到另一張網頁 。 現在， 我們來看看如何使用HTML中的超鏈接吧 。 工具/材料 超鏈接
操作方法 01 創建超鏈接
使用a標簽創建超鏈接， 超鏈接可以是圖片或文字， 其中href屬性指的是連接到另一個網頁， 比如我們創建一個指向搜狗瀏覽器的文字超鏈接， 代碼如下所示：
<a href=https://vvvtt.com/article/"https://www.sogou.com/">搜狗瀏覽器

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 【HTML中的超鏈接用法實例】更改超鏈接的大小
超鏈接是有默認大小的， 我們可以通過添加font屬性， 更改超鏈接的大小， 代碼如下所示， 然后預覽效果可以看到當鼠標移動上去的時候， 超鏈接的字體大小變大了 。

猜你喜歡

• 哪些花冬天也能開花？12種超耐寒花卉盤點
• 玫瑰花和什么一起泡水喝好？與6種食物搭配作用超神奇
• excel中的水印怎么去掉
• 怎么給PPT圖標設置跳轉超鏈接
• mysql怎么修改鎖記錄超時等待時間
• 如何在excel表格中簡單添加超鏈接
• 如何修改WPS文字中的拼音
• 如何給WPS文檔中的文字上面添加上著重號
• 如何將Excel軟件中的照相機找出來
• 寒冰艾希如何在新的9.3&amp;amp;9.4版本超神出裝攻略