Зміст курсу
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 для попередньо визначених підказок введенняГрупування Елементів Форми для Кращої Структури
Вбудовування Аудіо та Відео для Насиченого Медіаконтенту
Вбудовування аудіо
Ви можете використовувати елемент <audio>
, щоб додати аудіофайли на вебсторінку. Розглянемо приклад:
index.html
У цьому прикладі:
- Елемент
<audio>
містить елемент<source>
, який вказує URL-адресу та тип файлу аудіо. Поширені підтримувані формати — MP3 та OGG; - Атрибут
controls
відображає стандартні елементи керування відтворенням, такі як відтворення, пауза та гучність; - Якщо браузер користувача не підтримує елемент audio, буде показано резервне повідомлення.
Додаткові атрибути, які часто використовуються з елементом HTML audio:
autoplay
: відтворює аудіофайл одразу після завантаження сторінки;loop
: забезпечує безперервне повторення аудіофайлу;muted
: вимикає звук аудіо за замовчуванням;volume
: визначає початковий рівень гучності для аудіофайлу, у діапазоні від 0.0 (без звуку) до 1.0 (максимальна гучність).
Приклад, що демонструє використання всіх цих атрибутів:
index.html
Вбудовування відео
Ви можете вбудовувати відеофайли на веб-сторінку за допомогою елемента <video>
. Розгляньте наступний приклад:
index.html
У цьому прикладі:
- Елемент
<video>
містить елемент<source>
, який вказує URL-адресу та тип файлу відео. Поширені підтримувані формати: WebM, MP4 та OGG; - Атрибут
controls
відображає стандартні елементи керування відтворенням; - Якщо браузер користувача не підтримує елемент video, буде показано резервне повідомлення.
Поширені атрибути для елемента HTML video включають:
autoplay
: автоматичний запуск відеофайлу при завантаженні сторінки;loop
: безперервне повторення відеофайлу;muted
: вимкнення звуку за замовчуванням;volume
: визначає рівень гучності для аудіофайлу за замовчуванням, у діапазоні від 0.0 (без звуку) до 1.0 (максимальна гучність);poster
: вказує URL зображення, яке відображається як мініатюра відео до початку відтворення;width
таheight
: визначають ширину та висоту відеоплеєра у пікселях.
Ось приклад, що демонструє використання всіх цих атрибутів:
index.html
Примітка
Додатково існує багато JavaScript-бібліотек та API, які надають розширені можливості для відтворення та керування відеоконтентом у вебі.
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 4. Розділ 5