4. Изображения и медиа

В этом уроке мы научимся добавлять изображения и медиафайлы на наши веб-страницы. Изображения делают сайты более привлекательными, а медиафайлы позволяют доносить информацию в различных форматах.

Изображения: тег <img>

Для вставки изображений в HTML используется тег <img>. Это одиночный тег (не имеет закрывающего тега) и требует обязательный атрибут src, указывающий путь к файлу изображения.

• src: Атрибут, указывающий адрес изображения.
• alt: Альтернативный текст. Он отображается, если изображение не загрузилось, и используется программами чтения с экрана.
• width и height: Ширина и высота изображения.

Аудио: тег <audio>

Тег <audio> позволяет встраивать аудиофайлы. Атрибут controls добавляет кнопки воспроизведения.

Видео: тег <video>

Тег <video> предназначен для встраивания видеофайлов.