Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Вивчайте Завдання: Робота із Зображеннями | Робота з Медіа та Таблицями
Ultimate HTML

bookЗавдання: Робота із Зображеннями

Мета

Практика використання абсолютного шляху для зображень у HTML.

Завдання

Переконайтеся, що атрибут src першого зображення використовує абсолютний шлях. Ви можете знайти зображення за адресою:

Використайте абсолютний шлях для атрибута src другого зображення. Доступ до зображення тут:

Вкажіть відповідне значення атрибута alt для обох зображень. Пам’ятайте, що значення alt є важливим для надання контексту у випадку, якщо зображення не завантажуються, або для користувачів, які використовують екранні читачі.

index.html

index.html

copy
  1. Використайте тег img для вказівки зображення.
  2. Використайте атрибут src для визначення розташування зображення.
  3. Використайте атрибут alt для надання описового тексту для зображення.
  4. Ви можете використати атрибут width для визначення ширини зображення.
  5. Ви можете використати атрибут height для визначення висоти зображення.
index.html

index.html

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

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

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

Секція 4. Розділ 2

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Suggested prompts:

What should the alt attribute values be for each image?

Can you show an example of how to use the absolute path in the img tag?

Do you want to add width and height attributes to the images as well?

Awesome!

Completion rate improved to 2.56

bookЗавдання: Робота із Зображеннями

Свайпніть щоб показати меню

Мета

Практика використання абсолютного шляху для зображень у HTML.

Завдання

Переконайтеся, що атрибут src першого зображення використовує абсолютний шлях. Ви можете знайти зображення за адресою:

Використайте абсолютний шлях для атрибута src другого зображення. Доступ до зображення тут:

Вкажіть відповідне значення атрибута alt для обох зображень. Пам’ятайте, що значення alt є важливим для надання контексту у випадку, якщо зображення не завантажуються, або для користувачів, які використовують екранні читачі.

index.html

index.html

copy
  1. Використайте тег img для вказівки зображення.
  2. Використайте атрибут src для визначення розташування зображення.
  3. Використайте атрибут alt для надання описового тексту для зображення.
  4. Ви можете використати атрибут width для визначення ширини зображення.
  5. Ви можете використати атрибут height для визначення висоти зображення.
index.html

index.html

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

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

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

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