Головна‎ > ‎HTML+CSS‎ > ‎Зображення‎ > ‎

Більше

Карта зображення

<img src="workplace.jpg" alt="Workplace" usemap="#workmap">

<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="1.htm">
  <area shape="rect" coords="290,172,333,250" alt="Phone" href="2.htm">
  <area shape="circle" coords="337,300,44" alt="Coffee" href="3.htm">
</map>




Медіазапит


<picture>
  <source media="(min-width: 650px)" srcset="img_pink.jpg">
  <source media="(min-width: 465px)" srcset="img_white.jpg">
  <img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>