溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
超鏈接的寫法
<a href="" title="" target=""></a>
href為點擊后連接的地址；
title為鼠標移到超鏈接上時出現的文字；
target:單擊超鏈接打開網頁方式
_self:在當前網頁所在窗口打開（默認）
_blank:總是在新窗口打開
_new:同一個剛創建的窗口打開
<a></a>中也可以放img圖片做成圖片超鏈接
<a title="百度一下你就知道" target="_new">百度</a>
瞄點鏈接：一般是點擊之后跳到網頁的一個地方。比如淘寶網站頁面上的《返回到頂部》這個鏈接
定義錨點：<a name=“錨點名稱”>…</a>
鏈接點：<a href=“#錨點名稱”>…</a>
當然，我們還可以到別的頁面：
定義瞄點：<a name=“錨點名稱”>…</a>
鏈接錨點：<a href=“index.htm#錨點名稱”>…</a>
<a href="#aa">F1</a><br>
<img src="../img2.png" id="aa">功能性鏈接如郵箱鏈接、電話鏈接、qq推廣
<a href="mailto:912216053@qq.com">給我發郵件</a>
<a href="tel:15888886666">給我打電話</a>
<a target="_blank" ><img border="0" src="http://wpa.qq.com/pa?p=2:912216053:51" alt="點擊這里給我發消息" title="點擊這里給我發消息"/></a>
拓展：css改變超鏈接的狀態
link表示鼠標沒有點擊的效果
visited鼠標點擊后效果
hover表示鼠標經過效果
active鼠標按下去的效果
hover和active也適用于其他元素
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
a:link{
color: red;
text-decoration: none;
}
a:visited{
color: yellow;
}
a:hover{
color: aqua;
text-decoration: overline;
}
a:active{
font-style: italic;
}
.box{
width: 2000px;
height: 200px;
background: red;
}
.box:hover{
background: #0000FF;
}
.img:active{
float: right;
}
</style>
</head>
<body>
<a target="_blank" title="百度一下，你就知道">baidu</a>
<div class="box">
</div>
<img class="img" src="../2圖片/images/book.jpg" >
</body>
</html>免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
