Thuộc tính href của phần tử
Ở trên, URL là siêu liên kết bạn cần đề cập cho khu vực, có thể là liên kết tương đối, liên kết tuyệt đối, tập lệnh, giao thức, v.v.
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính href của phần tử
Trong ví dụ trên, chúng tôi đã thiết lập bản đồ trên hình ảnh sau -
Bây giờ, chúng tôi đã thiết lập hình dạng bản đồ và khu vực bên trong nó -
Siêu liên kết cho khu vực trên được đặt bằng thuộc tính href - <area href="URL">
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h2>Learning</h2>
<p>Learn these technologies with ease....</p>
<img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>
<map name = "tutorials">
<area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27"
href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" />
<area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial"
href = "/html/index.htm" target = "_blank" />
<area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial"
href = "/php/index.htm" target = "_blank" />
</map>
</body>
</html>
Đầu ra
<img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>
<map name = "tutorials">
<area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27"
href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" />
<area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial"
href = "/html/index.htm" target = "_blank" />
<area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial"
href = "/php/index.htm" target = "_blank" />
</map>
href = "/php/index.htm