做生意店铺财神爷正确摆放图片

書名： HTML5+CSS3+JavaScript 從入門到項目實踐（超值版）
作者名：聚慕課教育研發中心
本章字數： 848字
更新時間： 2020-06-29 17:37:28

7.3 定義超鏈接和熱點區域

超鏈接是網頁設計中比較重要的一步，通過它，可以創建網頁與網頁之間的關系，本節將介紹超鏈接的有關知識。

7.3.1 定義超鏈接

超鏈接標簽是<a href=”#”></a>，在超鏈接中可以設置文字、圖片等。href屬性設置的是該鏈接所要鏈接的網址或者文件路徑，代碼如下：

      <a >
      <a href="index.html">

7.3.2 鏈接的目標窗口

默認情況下，當單擊超鏈接時，目標頁面會在當前窗口中顯示，替換當前頁面的內容。如果要在單擊某個鏈接以后，打開一個新的瀏覽器窗口，在這個新窗口中顯示目標頁面，就需要使用<a>標簽的target屬性。

target屬性有4個屬性值，分別為_blank、_self、_top和_parent。由于HTML 5不支持框架，所以_top和_parent這兩個取值不常用。本節介紹_blank和_self這兩個屬性值。_blank定義在新窗口中顯示超鏈接頁面，_self定義在自身窗口中顯示超鏈接頁面。

【例7-1】（實例文件：ch07\Chap7.1.html）_blank屬性值。

      <!DOCTYPE html>
      <html>
      <head>
         <meta charset="UTF-8">
         <title>Title</title>
      </head>
      <body>
      <a href="index.html" target="_blank">新窗口中打開</a>  <!--創建超鏈接,定義在新窗口中顯示超鏈接頁面-->
      </body>
      </html>

新窗口index.html文件：

      <!DOCTYPE html>
      <html>
      <head>
         <meta charset="UTF-8">
         <title>新窗口</title>
      </head>
      <body>
      我是超鏈接的內容
      </body>
      </html>

相關的代碼實例請參考Chap7.1.html文件，在IE瀏覽器中運行的結果如圖7-1所示。單擊超鏈接時，在新窗口中打開目標頁面，如圖7-2所示。