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 для попередньо визначених підказок введення Групування Елементів Форми для Кращої Структури

Завдання: Створення посилань на популярні вебсайти

Мета

Створити привабливу веб-сторінку з невпорядкованим списком (<ul>), що містить посилання (<a>) на три популярні вебсайти. Особливість полягає в тому, щоб ці посилання відкривалися у нових вкладках при натисканні, покращуючи користувацький досвід і дозволяючи легко досліджувати кожен ресурс.

Завдання

Використайте наступні елементи для створення захоплюючого досвіду веб-дослідження:

Створіть невпорядкований список з трьома елементами за допомогою елемента <ul>.
Кожен елемент списку повинен містити посилання (<a>) на популярний вебсайт та його назву.
Список повинен містити такі елементи:
- "Apple" – посилання на сайт Apple: https://www.apple.com/;
- "Amazon" – посилання на сайт Amazon: https://www.amazon.com/;
- "Netflix" – посилання на сайт Netflix: https://www.netflix.com/.

index.html

Використайте тег ul для створення невпорядкованого списку.
Використайте тег li для створення елементів списку для кожного посилання на сайт.
Використайте тег a для створення посилань і вкажіть URL сайту за допомогою атрибута href.
Щоб посилання відкривалися у нових вкладках, додайте атрибут target="_blank" у тег a.

index.html

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

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

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

some-alt