Code Thẻ area trong HTML

Code Thẻ area trong HTML

Code Thẻ area trong HTML

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thẻ area trong HTML</title>
</head>
<body>
<h1>Code Thẻ area trong HTML</h1>
<p>Thẻ area trong HTML nằm trong thẻ map với mục đích tạo ra những khối hình để gắn lên hình ảnh ở các vị trí khác nhau để click vào liên kết được hoặc rê chuột vào:</p>

<p>Rê chuột vào hình sau đó click</p>
<!--Tạo thẻ img có thuộc tính usemap giá trị là maphinh để gắn map có name maphinh lên hình -->
<img src="https://webmoi.vn/thumuc/ceo-bui-tan-luc.jpg" width="300" height="300" alt="map" usemap="#maphinh">
<!--Tạo thẻ map có name là maphinh-->
<map name="maphinh">
  <!--Hình vuông, hình chữ nhật-->
  <area shape="rect" coords="10,10,50,280" alt="CEO Bùi Tấn Lực" title="CEO Bùi Tấn Lực" href="https://webmoi.vn/ceo-bui-tan-luc/">
  <!--Hình tròn-->
  <area shape="circle" coords="250,60,50" alt="Thẻ area trong HTML" title="Thẻ area trong HTML" href="https://webmoi.vn/the-area-trong-html/">
  <!--Hình đa giác-->
  <area shape="poly" coords="300,300,200,300,200,200,300,200" alt="Code Thẻ area trong HTML" title="Code Thẻ area trong HTML" href="https://webmoi.vn/code-the-area-trong-html/"> 
</map>
</body>
</html>
Code Thẻ area trong HTML nằm trong bài viết Thẻ area trong HTML