Більше

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

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