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

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

🏁 Мета

Попрактикуйтесь у використанні абсолютного шляху для зображень в 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 є важливим для надання контексту у разі невдалого завантаження зображень або для користувачів, які користуються читачами екрану.

Utilize the absolute path for the src attribute of the second image. Access the image here:

Specify the appropriate alt attribute value for both images. Remember, the alt value is crucial for providing context in case images fail to load or for users relying on screen readers.

html

index

css

index

js

index

copy
  1. Use the img tag to specify an image.
  2. Use the src attribute to specify the image's location.
  3. Use the alt attribute to furnish a descriptive text for the image.
  4. You can use the width attribute to define the image's width.
  5. You can use the height attribute to define the image's height.
html

index

css

index

js

index

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

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

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

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