## Завдання
Створити HTML-документ, який містить зображення та цікавий факт, пов'язаний із цим зображенням. Вставити зображення за наданим URL (`https://staging-content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/honey.png`) і додати описовий текст до атрибута `alt`. Обов'язково вказати розмір зображення: ширина 128px і висота 128px.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkludGVyZXN0aW5nIEZhY3Q8L3RpdGxlPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGgyPkRpZCB5b3Uga25vdyB0aGF0IGhvbmV5IG5ldmVyIHNwb2lscz88L2gyPgogICAgPCEtLSBTdGVwIDE6IEluc2VydCB0aGUgaW1hZ2UgLS0+CiAgICA8X19fX18KICAgICAgc3JjPSJfX19fXyIKICAgICAgYWx0PSJfX19fXyIKICAgICAgX19fX189Il9fX19fIgogICAgICBfX19fXz0iX19fX18iCiAgICAvPgoKICAgIDxwPgogICAgICBBcmNoYWVvbG9naXN0cyBoYXZlIGZvdW5kIHBvdHMgb2YgaG9uZXkgaW4gYW5jaWVudCBFZ3lwdGlhbiB0b21icyB0aGF0IGFyZQogICAgICBvdmVyIDxzdHJvbmc+MywwMDAgeWVhcnMgb2xkPC9zdHJvbmc+IGFuZCBzdGlsbCBwZXJmZWN0bHkgZWRpYmxlISBUaGlzIGlzCiAgICAgIGJlY2F1c2UgaG9uZXkgaGFzIG5hdHVyYWwgcHJlc2VydmF0aXZlcyBzdWNoIGFzCiAgICAgIDx1PmxvdyBtb2lzdHVyZSBjb250ZW50PC91PiBhbmQgPHU+aGlnaCBhY2lkaXR5PC91Piwgd2hpY2ggY3JlYXRlIGFuCiAgICAgIGVudmlyb25tZW50IGhvc3RpbGUgdG8gYmFjdGVyaWEgYW5kIG1pY3Jvb3JnYW5pc21zLiBTbywKICAgICAgPGVtPmlmIHlvdSBldmVyIGZpbmQgeW91cnNlbGYgd2l0aCBhIGphciBvZiBob25leTwvZW0+IHRoYXQncyBiZWVuIHNpdHRpbmcKICAgICAgaW4geW91ciBwYW50cnkgZm9yIHllYXJzLCA8ZW0+aXQncyBzdGlsbCBzYWZlIHRvIGVhdDwvZW0+IQogICAgPC9wPgogIDwvYm9keT4KPC9odG1sPg==

## Підказка
Крок 1: Використайте тег `<img>` для вставки зображення. Вкажіть атрибут `src` з URL зображення (`https://staging-content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/honey.png`), атрибут `alt` з описовим альтернативним текстом і встановіть чіткі значення для атрибутів `width` та `height` — 128px.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkludGVyZXN0aW5nIEZhY3Q8L3RpdGxlPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGgyPkRpZCB5b3Uga25vdyB0aGF0IGhvbmV5IG5ldmVyIHNwb2lscz88L2gyPgogICAgPCEtLSBTdGVwIDE6IEluc2VydCB0aGUgaW1hZ2UgLS0+CiAgICA8aW1nCiAgICAgIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy8zOTJmMjRhYy0wMTI2LTRjMzQtYTI4YS1mMmYyNmQxMjE5NmIvc2VjdGlvbi0zL2hvbmV5LnBuZyIKICAgICAgYWx0PSJKYXIgb2YgaG9uZXkiCiAgICAgIHdpZHRoPSIxMjgiCiAgICAgIGhlaWdodD0iMTI4IgogICAgLz4KCiAgICA8cD4KICAgICAgQXJjaGFlb2xvZ2lzdHMgaGF2ZSBmb3VuZCBwb3RzIG9mIGhvbmV5IGluIGFuY2llbnQgRWd5cHRpYW4gdG9tYnMgdGhhdCBhcmUKICAgICAgb3ZlciA8c3Ryb25nPjMsMDAwIHllYXJzIG9sZDwvc3Ryb25nPiBhbmQgc3RpbGwgcGVyZmVjdGx5IGVkaWJsZSEgVGhpcyBpcwogICAgICBiZWNhdXNlIGhvbmV5IGhhcyBuYXR1cmFsIHByZXNlcnZhdGl2ZXMgc3VjaCBhcwogICAgICA8dT5sb3cgbW9pc3R1cmUgY29udGVudDwvdT4gYW5kIDx1PmhpZ2ggYWNpZGl0eTwvdT4sIHdoaWNoIGNyZWF0ZSBhbgogICAgICBlbnZpcm9ubWVudCBob3N0aWxlIHRvIGJhY3RlcmlhIGFuZCBtaWNyb29yZ2FuaXNtcy4gU28sCiAgICAgIDxlbT5pZiB5b3UgZXZlciBmaW5kIHlvdXJzZWxmIHdpdGggYSBqYXIgb2YgaG9uZXk8L2VtPiB0aGF0J3MgYmVlbiBzaXR0aW5nCiAgICAgIGluIHlvdXIgcGFudHJ5IGZvciB5ZWFycywgPGVtPml0J3Mgc3RpbGwgc2FmZSB0byBlYXQ8L2VtPiEKICAgIDwvcD4KICA8L2JvZHk+CjwvaHRtbD4=

Опанування основ HTML для створення структурованого та доступного веб-контенту. Вивчення структурування документів за допомогою тегів, елементів і атрибутів. Робота з текстом, списками, зображеннями, аудіо та відео для збагачення веб-сторінок. Створення таблиць для впорядкованих даних і форм для введення та взаємодії користувачів. Ознайомлення з семантичним HTML для підвищення доступності та побудови повноцінних, функціональних структур веб-сайтів з нуля.

Ознайомлення з вебом та HTML, включаючи значення тегів, елементів і атрибутів. Вивчення базової структури HTML-документа та короткої історії вебу.

Опанування основ HTML-розмітки з акцентом на спеціальне форматування тексту та списки, розуміння їхньої ролі у структуризації контенту в HTML-документі. Занурення в особливості структури HTML-документа з удосконаленням технік розмітки тексту.

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

Ознайомлення з особливостями представлення даних і взаємодії з користувачем завдяки детальному розгляду таблиць і форм у HTML, включаючи структури таблиць, створення форм і елементи введення. Формування навичок реалізації елементів введення у формах і використання атрибутів для розширення функціональності.

Поглиблення знань з HTML шляхом вивчення семантичних елементів HTML для створення структурованого та доступного веб-контенту. Створення першого вебсайту з використанням нових знань для реалізації власних ідей.

Завдання: Вставлення Зображень

Завдання

Підказка

Awesome!

Завдання: Вставлення Зображень

Завдання

Підказка