Để tạo các khu vực có thể nhấp trong một hình ảnh, hãy tạo một bản đồ hình ảnh với các khu vực có thể nhấp. Ví dụ:khi nhấp vào một hộp, trang web khác sẽ mở ra và khi nhấp vào hình tam giác trong cùng một hình ảnh, một trang web khác sẽ mở ra.
Thẻ
| Sr.No | Thuộc tính &Mô tả |
|---|---|
| 1 | alt Văn bản thay thế cho khu vực |
| 2 | coords Các tọa độ cho khu vực |
| 3 | tải xuống Mục tiêu sẽ tải xuống khi siêu liên kết được nhấp vào |
| 4 | shape Hình dạng của khu vực |
| 5 | target Nơi URL sẽ mở |
Ví dụ
Bạn có thể thử chạy mã sau để tạo các vùng có thể nhấp trong hình ảnh trong HTML
<!DOCTYPE html> <html> <head> <title>HTML area Tag</title> </head> <body> <img src = /images/usemap.gif alt = "usemap" usemap = "#lessons"/> <map name = "lessons"> <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
