Тег img
Добавление изображения на страницу.
<img src="https://htmlbase.ru/storage/app/media/html5-css3.png" alt="">
Атрибуты
src=""
Путь к файлу
alt=""
Альтернативный текст, если изображение не доступно.
width=""
Ширина изображения. Указывается без использования единиц измерения.
Если вы хотите задать ширину в процентах, тогда поставьте знак % после значения
При указании ширины, высота изображения изменится пропорционально
<img src="https://htmlbase.ru/storage/app/media/html5-css3.png" width="100" alt="">
height=""
Высота изображения. Указывается без использования единиц измерения.
Если вы хотите задать высоту в процентах, тогда поставьте знак % после значения
При указании высоты, ширина изображения изменится пропорционально
Внимание! В примере есть атрибут style со значением высоты из-за того, что стили CSS файла перезаписывали значения атрибута height
<img src="https://htmlbase.ru/storage/app/media/html5-css3.png" height="70" alt="" style="height: 70px;">title=""
Текст, который будет показываться при наведении курсора на изображение
<img src="https://htmlbase.ru/storage/app/media/html5-css3.png" title="HTML5 & CSS3" alt="">
srcset=""
Список разных изображений, например изображения разных размеров для разных устройств. Браузер подберет самое подходящее.
sizes=""
Список размеров изображений. Используются изображения из атрибута srcset
usemap="#map"
Указывается имя карты изображения (map). Перед указанием имени карты ставится знак #
<map name="map-name"></map>
<img src="https://htmlbase.ru/storage/app/media/html5-css3.png" alt="" usemap="#map-name"></img>