Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Завдання: Зображення | Зображення та Медіа
Основи HTML
course content

Зміст курсу

Основи HTML

Основи HTML

1. Розуміння Вебу та HTML
Вступ до КурсуВступ до ВебуКоротка Історія ІнтернетуЧому нам потрібен HTML?Основна Структура HTML ДокументаТеги, Елементи та Атрибути
2. Основи HTML
Структура HTML ДокументаЗавдання: Структура HTML ДокументаРозмітка ТекстуЗавдання: Розмітка ТекстуСпеціальна Розмітка ТекстуЗавдання: Спеціальна Розмітка ТекстуСпискиЗавдання: Списки
3. Зображення та Медіа
ЗображенняЗавдання: ЗображенняАудіоЗавдання: АудіоВідеоЗавдання: Відео
4. Таблиці та Форми
ТаблицяЗавдання: ТаблицяФормиЗавдання: ФормиЕлементи Інпут та Лейбл ФормиЗавдання: Елементи Інпут та Лейбл ФормиАтрибути для Інпут Елементів
5. Розширений HTML
Семантичний HTMLСемантичні ЕлементиЗавдання: Семантичні ЕлементиСтворення Цілого ВебсайтуВисновок

bookЗавдання: Зображення

Завдання

Створіть HTML-документ, який містить зображення та цікавий факт, що стосується зображення. Вставте зображення, використовуючи надану URL-адресу (https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/honey.png) і надайте описовий alt текст. Переконайтеся, що розмір зображення строго вказаний як 128px у ширину та 128px у висоту.

html

index

css

index

js

index

copy

Підказка

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

html

index

css

index

js

index

copy
Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 3. Розділ 2
some-alt