Введение в работу с изображениями в HTML
Изображения являются важным элементом веб-страницы, который помогает визуализировать информацию и делает страницу более привлекательной для пользователей.
Основные атрибуты для работы с изображениями:
- src — указывает путь к файлу изображения.
- alt — задает текст для отображения в случае, если изображение не может быть загружено или для пользователей с ограниченными возможностями.
- width — задает ширину изображения.
- height — задает высоту изображения.
Примеры использования атрибутов
<img src="image.jpg" alt="Описание изображения">
В этом примере:
- src="image.jpg — указывает на файл изображения image.jpg в том же каталоге, где находится HTML-файл.
- alt="Описание изображения — предоставляет альтернативный текст, который будет показан, если изображение не загрузится.
Указание размеров изображения:
<img src="image.jpg" alt="Описание изображения" width="300" height="200">
В этом примере:
width="300" и height="200" задают ширину и высоту картинки соответственно. Это помогает браузеру правильно расположить фото на странице, даже если оно еще не загружено.