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. Веб Розробка
3. Структура Документа
4. Медіа та Таблиці
5. Форми

Челендж: Зображення

🏁 Мета

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

  • Набудете практичного досвіду використання абсолютного шляху в документі HTML;
  • Дізнаєтеся, як забезпечити значущий текст alt для зображень, щоб забезпечити доступність та зручність для користувача.

📋 Завдання

  1. Переконайтеся, що атрибут src першого зображення використовує абсолютний шлях. Ви можете знайти зображення за посиланням: https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/adik.png;
  2. Використовуйте абсолютний шлях для атрибуту src другого зображення. Доступ до зображення тут: https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/joking.png;
  3. Вкажіть відповідне значення атрибута alt для обох зображень. Пам'ятайте, що значення alt є важливим для надання контексту у разі невдалого завантаження зображень або для користувачів, які користуються читачами екрану.
html

index

css

index

js

index

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

index

css

index

js

index

copy

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

Секція 4. Розділ 3
We're sorry to hear that something went wrong. What happened?
some-alt