Зміст курсу
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
Мета
Створити захопливий мультимедійний досвід для відвідувачів сайту шляхом додавання як аудіо-, так і відеоконтенту.
Завдання
Підніміть сайт на новий рівень, зануривши користувачів у захопливий мультимедійний досвід.
Для аудіо: вставте аудіофайл, який створює заспокійливу атмосферу для відпочинку користувачів. Використайте наступне посилання для аудіо:
Для відео: додайте відео, яке дозволяє користувачам насолодитися красою природних створінь. Використайте наступне посилання для відео:
Додати елементи керування відтворенням, такі як відтворити та пауза.
Додати типи файлів.
index.html
index.css
- Використати тег
audio
для визначення аудіоелемента. - Використати тег
video
для визначення відеоелемента. - Використати атрибут
controls
, щоб дозволити користувачам керувати відтворенням аудіо або відео. - Використати атрибут
src
для вказання розташування файлу. Переконатися у точному копіюванні посилань із завдання. - Використати
type="audio/mp3"
для вказання правильного типу файлу для аудіо. - Використати
type="video/mp4"
для вказання правильного типу файлу для відео.
index.html
index.css
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 4. Розділ 6