a標籤-HTML5精講 課時ID:6.8 【表嚴肅】#HTML教程 #HTML5教程 #a標籤

6.8 <a>標籤-HTML5精講 課時ID:6.8 【表嚴肅】#HTML教程 #HTML5教程 #a標籤


<a>用於定義網頁中的連接,連接也叫作錨或錨連接,而<a>便是anchor(錨)的縮寫。
例如,要定義一個跳轉到百度的連接能夠這樣寫:html

<html>
    <body>
        <a href="http://baidu.com">點擊測試網絡</a>
    </body>
</html>

其中href<a>標籤的一個屬性,用於制定跳轉的目標地址,此處要注意語法,
href以後有等號,地址要寫在等號右邊,其值最好用引號包住(考慮到值有可能存在空格的狀況)。網絡

連接默認在當前頁面打開,若是想在新標籤頁打開能夠將target屬性指定爲_blank測試

<html>
    <body>
        <a href="http://baidu.com" target="_blank">點擊測試網絡</a>
    </body>
</html>

target屬性的默認值是_self,也就是在當前頁面打開。spa

<a>中能夠存在子元素,其子元素也會做爲連接的一部分,圖片連接即是經過這種特性實現的:code

<html>
    <body>
        <a href="http://baidu.com" target="_blank">
            <img src="http://ww2.sinaimg.cn/mw690/006aIBkCjw1f8e693flooj30f0076jr7.jpg">
        </a>
    </body>
</html>

alt text

教程視頻地址:
表嚴肅HTML5精講 短小! 活好! 連接:biaoyansu.com/6.5視頻

Tips:htm

  • 一張網頁可有多個<a>標籤教程

  • 並非全部的標籤有href屬性圖片

  • <a>是行內元素(與文字表現相似,能夠跟隨文字流動)ip

  • <a>中能夠存在子元素,其子元素也會做爲連接的一部分。

相關文章
相關標籤/搜索