溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

HTML超鏈接樣式及寫法

發(fā)布時間：2020-03-03 00:07:13 來源：網(wǎng)絡(luò) 閱讀：761 作者：孫翰 欄目：web開發(fā)

超鏈接的寫法
<a href="" title="" target=""></a>
href為點擊后連接的地址；
title為鼠標移到超鏈接上時出現(xiàn)的文字；
target:單擊超鏈接打開網(wǎng)頁方式
_self:在當前網(wǎng)頁所在窗口打開（默認）
_blank:總是在新窗口打開
_new:同一個剛創(chuàng)建的窗口打開
<a></a>中也可以放img圖片做成圖片超鏈接 

     <a  title="百度一下你就知道" target="_new">百度</a>

HTML超鏈接樣式及寫法

瞄點鏈接：一般是點擊之后跳到網(wǎng)頁的一個地方。比如淘寶網(wǎng)站頁面上的《返回到頂部》這個鏈接
　　定義錨點：<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">給我發(fā)郵件</a>
<a href="tel:15888886666">給我打電話</a>             
<a target="_blank" ><img border="0" src="http://wpa.qq.com/pa?p=2:912216053:51" alt="點擊這里給我發(fā)消息" title="點擊這里給我發(fā)消息"/></a>

HTML超鏈接樣式及寫法

拓展：css改變超鏈接的狀態(tài)
link表示鼠標沒有點擊的效果
visited鼠標點擊后效果
hover表示鼠標經(jīng)過效果
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>
向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手