Найти в Дзене
VibeCode

Урок №9. Изображения и медиа

Изображения делают веб-страницы визуально богаче и информативнее. HTML-тег img позволяет встраивать картинки в документ. Ключевой атрибут — src, который указывает путь к файлу изображения. Атрибут alt предоставляет альтернативный текст для доступности и случаев, когда изображение не загрузилось. Для управления размером используются атрибуты width и height. Для добавления видео используется тег

Изображения делают веб-страницы визуально богаче и информативнее. HTML-тег img позволяет встраивать картинки в документ. Ключевой атрибут — src, который указывает путь к файлу изображения. Атрибут alt предоставляет альтернативный текст для доступности и случаев, когда изображение не загрузилось. Для управления размером используются атрибуты width и height. Для добавления видео используется тег video с атрибутом controls для отображения элементов управления.

<img src="cat.jpg" alt="Рыжий кот" width="400">
<video src="demo.mp4" controls></video>

Всегда используйте атрибут alt для изображений — это важно для доступности и SEO.

Заинтересовало? Подписывайся на наш TG канал. Там уроки публикуются намного раньше!