Зміст курсу
Ultimate HTML
Ultimate HTML
2. Теги та Атрибути HTML
Розуміння Тегів HTMLРобота з Атрибутами HTMLРозуміння парних і одиночних тегів у HTMLРозмітка Тексту та Форматування в HTMLЗавдання: Створіть Свій Перший Абзац ВебсторінкиЗавдання: Створення Веб-Сторінки Особистого ПредставленняЗавдання: Створення Веб-Сторінки Для Демонстрації ФільмівВикористання Посилань і Кнопок у HTMLЗавдання: Створення посилань на популярні вебсайтиПеревірка HTML-Коду на Відповідність Найкращим Практикам
4. Робота з Медіа та Таблицями
Додавання Зображень у HTMLЗавдання: Робота із ЗображеннямиРобота з Клікабельними Зображеннями, Підписами та ОптимізацієюРозуміння векторної та растрової графікиВбудовування Аудіо та Відео для Насиченого МедіаконтентуЗавдання: Вбудовування Аудіо та Відео в HTMLСтворення та Структурування Таблиць у HTMLЗавдання: Створення Функціональної HTML-Таблиці
5. HTML-Форми та Введення Користувача
Вступ до HTML-формОснови Створення Форм у HTMLВикористання міток для покращення доступності формПокращення Форм за Допомогою Атрибутів ВведенняДослідження Різних Типів Полів Введення в HTMLЗавдання: Створення Форми з Полями Введення та МіткамиРобота з елементом Textarea для введення багаторядкового текстуВикористання елемента Select для випадаючих менюВикористання елемента Datalist для попередньо визначених підказок введенняГрупування Елементів Форми для Кращої Структури
Завдання: Робота із Зображеннями
Мета
Практика використання абсолютного шляху для зображень у HTML.
Завдання
Переконайтеся, що атрибут src
першого зображення використовує абсолютний шлях. Ви можете знайти зображення за адресою:
Використайте абсолютний шлях для атрибута src
другого зображення. Доступ до зображення тут:
Вкажіть відповідне значення атрибута alt
для обох зображень. Пам’ятайте, що значення alt
є важливим для надання контексту у випадку, якщо зображення не завантажуються, або для користувачів, які використовують екранні читачі.
index.html
- Використайте тег
img
для вказівки зображення. - Використайте атрибут
src
для визначення розташування зображення. - Використайте атрибут
alt
для надання описового тексту для зображення. - Ви можете використати атрибут
width
для визначення ширини зображення. - Ви можете використати атрибут
height
для визначення висоти зображення.
index.html
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 4. Розділ 2