Переглянути відео про додавання графіки до вебсторінок, обговорити використані засоби для отримання сторінки (мал. 9.3) та перевірити себе в онлайновому тренажері з попереднього завдання.
Розв’язання
Перегляньте відео про додавання графіки та визначте ключові теги та атрибути, які використовуються для вставки зображень.
Обговоріть у парі, як саме ці засоби допомагають зробити сторінку живою (наприклад, використання карток-посилань або ілюстрацій).
Пройдіть тестування в онлайновому тренажері, щоб закріпити навички роботи з графікою та посиланнями.
Відповідь:
Основні засоби включають тег `<IMG>` для зображень, атрибути `ALT` для опису картинки та використання гіперпосилань для інтерактивності; приклад коду: `<img src="photo.jpg" alt="Опис фото">`.
Переглянути відео про додавання графіки до вебсторінок, обговорити використані засоби для отримання сторінки (мал. 9.3) та перевірити себе в онлайновому тренажері з попереднього завдання.
Що треба знати
Графіку на сторінці додають за допомогою тегу `<IMG>` з атрибутом `SRC`, що вказує шлях до файлу зображення. Також використовуються теги для створення посилань та інших інтерактивних елементів.
💡 Підказка — спробуй спершу сам
Подивіться на відео, зверніть увагу на те, як у коді вказується джерело зображення. Спробуйте пояснити другу людину, чому одне зображення відобразилося, а інше — ні (можливо, порушено шлях до файлу).
Розв’язання крок за кроком
Перегляньте відео про додавання графіки та визначте ключові теги та атрибути, які використовуються для вставки зображень.
Обговоріть у парі, як саме ці засоби допомагають зробити сторінку живою (наприклад, використання карток-посилань або ілюстрацій).
Пройдіть тестування в онлайновому тренажері, щоб закріпити навички роботи з графікою та посиланнями.
Відповідь:
Основні засоби включають тег `<IMG>` для зображень, атрибути `ALT` для опису картинки та використання гіперпосилань для інтерактивності; приклад коду: `<img src="photo.jpg" alt="Опис фото">`.
