Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính HTML

Thuộc tính href của phần tử

<area href="URL">

Ở 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ử

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

Thuộc tính HTML  areblank href

Trong ví dụ trên, chúng tôi đã thiết lập bản đồ trên hình ảnh sau -

<img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>

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ó -

<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>

Siêu liên kết cho khu vực trên được đặt bằng thuộc tính href -

href = "/php/index.htm