Зміст курсу
Знайомство з HTML
Знайомство з HTML
Челендж: Зображення
🏁 Мета
Попрактикуйтесь у використанні абсолютного шляху для зображень в HTML. Після виконання цього завдання ви:
- Набудете практичного досвіду використання абсолютного шляху в документі HTML;
- Дізнаєтеся, як забезпечити значущий текст
alt
для зображень, щоб забезпечити доступність та зручність для користувача.
📋 Завдання
- Переконайтеся, що атрибут
src
першого зображення використовує абсолютний шлях. Ви можете знайти зображення за посиланням:https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/adik.png
; - Використовуйте абсолютний шлях для атрибуту
src
другого зображення. Доступ до зображення тут:https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/joking.png
; - Вкажіть відповідне значення атрибута
alt
для обох зображень. Пам'ятайте, що значенняalt
є важливим для надання контексту у разі невдалого завантаження зображень або для користувачів, які користуються читачами екрану.
index
index
index
- Використовуйте тег
img
для визначення зображення; - Використовуйте атрибут
src
для визначення місцезнаходження зображення; - Використовуйте атрибут
alt
для надання описового тексту для зображення; - Ви можете використовувати атрибут
width
для визначення ширини зображення; - Ви можете використовувати атрибут `height для визначення висоти зображення.
index
index
index
Дякуємо за ваш відгук!