HTML之分布式響應
阿新 • • 發佈:2018-08-11
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之分布式響應