首頁  >  文章  >  web前端  >  html如何寫超連結跳轉提示代碼

html如何寫超連結跳轉提示代碼

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-06-04 10:39:497975瀏覽

在html中,可以使用title屬性加入超連結跳轉提示程式碼,只需要在元素標籤中加入「title="超連結跳轉提示詞"」樣式即可。 title屬性規定關於元素的額外信息,這些信息通常會在滑鼠移到元素上時顯示一段工具提示文字。

html如何寫超連結跳轉提示代碼

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

超連結的title屬性可以加入提示訊息,下面的程式碼中title欄位就是提示訊息,target是指新的頁面開啟方式,是在本頁開啟還是新的頁面開啟。

<a href="https://www.catchstar.top" title="点击跳转到首页" target="_blank">
    <i class="layui-icon layui-icon-link"></i>
</a>

中文亂碼的話用這個代碼統一為utf-8格式

<meta charset="utf-8" />

但是如果用記事本的話還是有錯,可能是編碼方式的話,修改記事本的編碼方式就可以了。

擴充資料:

標籤定義超鏈接,用於從一張頁面連結到另一張頁面。

元素最重要的屬性是 href 屬性,它指示連結的目標。

在所有瀏覽器中,連結的預設外觀是:

  • 未被存取的連結帶有下劃線而且是藍色的

  • #已被訪問的連結帶有下劃線而且是紫色的

  • 活動連結帶有下劃線而且是紅色的

提示:您可能已經注意到了,W3School 網站內的連結外觀與預設的連結外觀非常不同。您可以使用 CSS 偽類 為文字超連結添加複雜而多樣的樣式。

提示:如果不使用 href 屬性,則不可以使用下列屬性:download, hreflang, media, rel, target 以及 type 屬性。

提示:被連結頁面通常顯示在目前瀏覽器視窗中,除非您規定了另一個目標(target 屬性)。

提示:請使用 CSS 來設定連結的樣式。

html如何寫超連結跳轉提示代碼

推薦學習:html影片教學

以上是html如何寫超連結跳轉提示代碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn