HTML中的超鏈接用法實例
工具/材料
超鏈接
操作方法
-
01
創建超鏈接
使用a標簽創建超鏈接，超鏈接可以是圖片或文字，其中href屬性指的是連接到另一個網頁，比如我們創建一個指向搜狗瀏覽器的文字超鏈接，代碼如下所示：
<a href="https://www.sogou.com/">搜狗瀏覽器</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屬性，更改超鏈接的大小，代碼如下所示，然后預覽效果可以看到當鼠標移動上去的時候，超鏈接的字體大小變大了。 - End
- 發表于 2017-09-26 00:00
- 閱讀 ( 896 )
- 分類：科學教育
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章