Ultimate HTML

Зміст курсу

Ultimate HTML

Ultimate HTML

1. Розуміння веб-розробки

Ласкаво просимо до HTML та веб-розробки Що таке Інтернет?Як Працює Інтернет?Розуміння Принципів Роботи Вебсайтів Пояснення фронтенд і бекенд розробки

2. Теги та Атрибути HTML

Розуміння Тегів HTML Робота з Атрибутами HTML Розуміння парних і одиночних тегів у HTML Розмітка Тексту та Форматування в HTML Завдання: Створіть Свій Перший Абзац Вебсторінки Завдання: Створення Веб-Сторінки Особистого Представлення Завдання: Створення Веб-Сторінки Для Демонстрації Фільмів Використання Посилань і Кнопок у HTML Завдання: Створення посилань на популярні вебсайти Перевірка HTML-Коду на Відповідність Найкращим Практикам

3. Структура HTML-Документа

Секрети Добре Структурованих Веб-Сторінок Розуміння Структури HTML-Документа Роль Секції Head у Документі Керування Потоком Документа та Макетом Завдання: Правильне Структурування HTML-Документа Використання Інструментів Розробника Для Інспекції Та Налагодження HTML

4. Робота з Медіа та Таблицями

Додавання Зображень у HTML Завдання: Робота із Зображеннями Робота з Клікабельними Зображеннями, Підписами та Оптимізацією Розуміння векторної та растрової графіки Вбудовування Аудіо та Відео для Насиченого Медіаконтенту Завдання: Вбудовування Аудіо та Відео в HTML Створення та Структурування Таблиць у HTML Завдання: Створення Функціональної HTML-Таблиці

5. HTML-Форми та Введення Користувача

Вступ до HTML-форм Основи Створення Форм у HTML Використання міток для покращення доступності форм Покращення Форм за Допомогою Атрибутів Введення Дослідження Різних Типів Полів Введення в HTML Завдання: Створення Форми з Полями Введення та Мітками Робота з елементом Textarea для введення багаторядкового тексту Використання елемента Select для випадаючих меню Використання елемента Datalist для попередньо визначених підказок введення Групування Елементів Форми для Кращої Структури

Завдання: Створення Веб-Сторінки Особистого Представлення

Мета

Представте себе світу, створивши веб-сторінку з кількома елементами заголовків (<h1>, <h2>) та абзаців (<p>).

Завдання

Використайте наступні елементи для створення вашого захопливого представлення:

Використайте елемент <h1> для основного заголовка. Текст має бути Welcome to My Website.
Використайте елемент <h2> для підзаголовка. Текст має бути About Me.
Використайте елемент <p> для короткого абзацу з представленням себе, включаючи:
- Ваше ім'я;
- Ваші хобі.

index.html

Використання тега h1 для створення головного заголовка.
Використання тега h2 для створення підзаголовка.
Використання тега p для створення абзацу.

index.html

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

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

Секція 2. Розділ 6

some-alt