Этот документ описывает тег <img>, используемый для вставки изображений в HTML.
Вставка изображений
Для вставки изображения используется одиночный тег <img>, не требующий закрывающего тега:
<img>Путь к изображению указывается атрибутом src:
<img src="путь/к/файлу.jpg">Путь может быть как локальным (например, img/example.png), так и удалённым URL (например, URL изображения из Google Картинок).
Атрибуты тега <img>
Тег <img> поддерживает несколько атрибутов:
- src: (обязательный) Путь к изображению.
- width и height: Ширина и высота изображения в пикселях или процентах. Например:
<img src="image.jpg" width="100" height="100">
<img src="image.jpg" width="50%" height="50%">- title: Текст подсказки, отображаемый при наведении курсора. Например:
<img src="image.jpg" title="Красивый пейзаж">- alt: (рекомендуемый) Заменяющий текст, отображаемый если изображение недоступно. Важен для доступности. Например:
<img src="image.jpg" alt="Горы">- border: Толщина рамки вокруг изображения в пикселях. Рекомендуется использовать CSS для стилизации. Пример:
<img src="image.jpg" border="10">- align: Устаревший атрибут для выравнивания. Рекомендуется использовать CSS. Возможные значения: left, right, middle.
Обязательные и рекомендуемые атрибуты
Атрибут src обязателен. alt и title рекомендуются для лучшей доступности и юзабилити.
Использование CSS для стилизации
Для сложной стилизации изображений рекомендуется использовать CSS.