HTML Продвинутая работа с изображениями • srcset, picture, WebP и AVIF, preload, figure и figcaption
Тема 3. Как работать с изображениями в HTML?
Эта тема посвящена всем аспектам работы с изображениями: вставке, управлению размерами, стилизации, созданию фоновых изображений и превращению изображений в ссылки. <img src="image.jpg" alt="Описание изображения" width="400" height="300"> <img src="image.jpg" alt="Изображение" class="styled-image">
<style>.
styled-image {
width: 50%;
border: 2px solid...
Вставка изображения в HTML
За вставку картинок в HTML-документ отвечает тег <img> и его атрибуты, главным из которых можно считать src , задающий адрес изображения. Он является обязательным, так как если не указать, где взять рисунок, браузер не сможет узнать, что именно добавлять на страницу...