7_經常使用標籤-超連接

  <a>標籤,給Html5創建一個超連接,<a href=url>網頁元素</a>,具體做用以下:html

    a 標籤中 不能再包含 a標籤
  1.連接到各類類型的文件
      超連接<a>標記的href屬性是指向連接的目標,目標能夠是各類類型的文件。若是是瀏覽器可以識別的類型,會直接在瀏覽器中顯示;若是是瀏覽器不能識別的類型,在IE瀏覽器中會彈出文件下載對話框。
      瀏覽器

<a href="a.html">連接html文件</a>
<a href="coffe.jpg">連接圖片</a>
<a href="2.doc">連接Word文檔</a>

  2.鏈接到其餘網站或FTP服務器
      服務器

<a href="http://www.baidu.com">連接百度</a>
<a href="http://172.16.1.254">鏈接到FTP服務器</a>

 

  3.設置電子郵件連接
      框架

<a href="mailto:電子郵件地址">網頁元素</a>


  4.用新窗口顯示超連接頁面
      默認狀況下,當單擊超連接時,目標頁面會在當前窗口中顯示,替換當前頁面中的內容。若是要在單擊某個連接之後,打開心的瀏覽器窗口並在這個新窗口中顯示目標頁面,就須要使用<a>標籤的target屬性。target屬性有4個值,分別是「_blank」,"_self","_top","_parent".因爲HTML5不在支持框架,因此"_top","_parent"這兩個取值不經常使用。"_blank"值爲在新窗口中顯示超連接頁面,"_self"表明在自身窗口中顯示超鏈接頁面,當省略target屬性時,默認取值爲"_self"。
      網站

<a href="a.html" target="_blank">新窗口</a>

a:link 此連接未被訪問
a:visited 此連接已經被訪問過
a:hover 鼠標移入
a:active 鼠標按下url

a:link {
    color: red;
}
a:visited {
    color: #666;
}
a:hover {
    color: yellow;
}
a:active {
    color: green;
}
相關文章
相關標籤/搜索