1. 程式人生 > >HTML之分布式響應

HTML之分布式響應

htm 失效 inf ccf charset har 跳轉 shape body

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>插入圖片和創建分布式響應</title>
</head>
<body>
      <!--就一個圖片,alt內容圖片加載出來顯示-->
     <img src="dow2.png" alt="抱歉,圖片失效" ><br><br><br>

     <!--圖片是一個超鏈接-->
<a href="跳轉內容.html" target="_blank"> <img src="dow2.png" width="100 "> </a> <br><br><br> <!--圖片被分割成不同區域,進行不同跳轉,img提供圖片,map進行拆分!--> <img src="dow2.png" usemap="map1"> <map name="map1"> <area href="跳轉到2.html"
shape="rect" coords="56,56,145,145"> <!--矩形區域1,提供各邊到邊界距離定位--> <area href="跳轉內容.html" shape="rect" coords="0,0,56,56"> <!--矩形區域2--> </map><br><br><br> <!--圖片被分割成不同區域,進行不同跳轉,img提供圖片,map進行拆分!--> <img src="膠帶.png" usemap
="map2"> <map name="map2"> <area href="跳轉到2.html" shape="circle" coords="100,100,20"> <!--圓形區域,提供圓心坐標和半徑定位--> </map> </body> </html>

效果如下: 其中,點擊畫出來的1,2會有不同的跳轉

技術分享圖片

HTML之分布式響應