Урок 4: Добавляем изображения 🖼️

Сплошной текст — это скучно. Чтобы добавить картинку, мы используем одинарный HTML-тег <img>.

Два главных атрибута:

• src (source): ссылка на саму картинку.
• alt (alternative): описание картинки текстом (для тех, у кого не прогрузилось фото, или для незрячих).

Как это выглядит в коде:

<img src="https://picsum.photos/400/250" alt="Случайное фото">

Результат на странице:

Вот как эта картинка выглядит вживую (при обновлении страницы фото будет меняться):