Nhờ mọi người hướng dẫn giúp em về <map> tag

#1

Em đang học tới 1 bài trên www.w3schools.com nói về Images.

Trong đó có 1 thẻ tag là map dùng để xác định vùng được click trên image đã up trước.

Code mẫu của nó như thế này:


<img src="planets.gif" alt="Planets" usemap="#planetmap" 
	style="width:145px;height:126px;">


<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>

Shape Attribute dùng để xác định hình dạng của bức ảnh là vuông hay tròn.
Coords Attribute dùng để xác định tọa độ vùng được click.
Alt Attribute dùng để hiện ra khi image error.
Còn href Atttribute là dùng để làm j thế mn ?

Và ở Coords Attribute, 3 số ở trong double quotes: 2 số đầu là xác định tâm hình tròn, còn số thứ 3 là xác định cái gì thế mn ? Nó tính theo px hay centimet ?
Giúp em nha, cảm ơn nhiều trước :smiley: :smile:

#2

href là đường link khi click vào area
coords ở đây là pixel nhé, nếu để ý size của area và size image thì sẽ thấy nó là px thôi, k cần search hay hỏi :slight_smile:

1 Like
#3

bạn có thể tham khảo thêm ở link dưới, minh cũng tham khảo từ w3schools và viết lại :slight_smile:
Các Thẻ Hình Ảnh Trong HTML5

1 Like
#4

Ok, em hiểu rồi !

Có cách nào mà khi click vào 1 phân vùng thì nó hiện nội dung của href attrubute ngay trang html đó luôn không anh ? Chứ bình thường thì khi click vào phân vùng, nội dung href attribute được hiển thị qua trang mới của tab hiện tại hoặc tab mới không à ! Em muốn nó hiện cái bảng thông báo nhỏ ngay trang html luôn !!!

#5

Cái đó bạn nghiên cứu sử dụng pop-up và js nhé

1 Like
#6

À, em đã tìm được solution :smiley:
Mình dùng thuộc tính onclick="alert('...')" thay cho href !!!

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?