點選圖檔中的某個部分來跳轉頁面

1. img

   1.1 導入一張圖檔

   1.2 屬性

   src 圖檔位址

   width 設定圖檔寬

   height 設定圖檔高

   border 設定圖檔邊框

   alt 定義圖檔描述資訊

   title 定義圖檔描述資訊

   usemap map标簽的name #name

   1. map

      2.1 給圖檔劃分區域 配合area

      2.2 屬性

      name 給map指定一個name

   2. area

      2.1 在map的配合下給圖檔劃分指定形狀的區域

      shape 劃分的形狀: :圓形circle

      矩形:rectangle 多邊形:polygon

      coords 形狀的坐标·

      href 要連結的位址

      target 新網頁打開方式

例如:

<style>
img{
position:fixed;
right:10px;
bottom:20px;
}
</style>
<img src="../images/logo.png" alt="圖檔" usemap="#tu">
<p id='one' style='height:300px;background:red'></p>

<map name="tu">
<area shape="rect" coords="4,9, 128,45" href="#one" alt="紅色">

</map>