Зміст курсу
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 для попередньо визначених підказок введенняГрупування Елементів Форми для Кращої Структури
Завдання: Створіть Свій Перший Абзац Вебсторінки
Примітка
Усі завдання будуть представлені у такому ж форматі, як і зараз:
- Ви побачите завдання, яке потрібно виконати;
- Далі ви побачите блок коду, у якому потрібно внести зміни відповідно до завдання;
- Натисніть кнопку Run Code, щоб переглянути вашу сторінку у реальному часі;
- Під блоком коду розташовані дві кнопки: Hint та Solution;
- Кнопка Hint відкриє підказку до цього завдання;
- Кнопка Solution покаже правильне рішення для цього завдання.
- Рекомендується виконати завдання самостійно перед використанням кнопки Solution.
Мета
Зробити перший крок у ролі веб-розробника, створивши свій перший абзац на веб-сторінці.
Завдання
- Нижче надано блок коду. Додайте всередині елемент абзацу
<p>
. - Між відкриваючим і закриваючим тегами елемента абзацу розмістіть наступний текст: "Я починаю свою веб-подорож!".
index.html
- Використайте елемент
<p>
, щоб створити абзац у HTML. - Розмістіть текст
I am starting my web journey!
між відкриваючим і закриваючим тегами абзацу, щоб він відобразився на веб-сторінці.
index.html
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 2. Розділ 5