Основи HTML

Основи HTML

0%

1. Розуміння Вебу та HTML

Отримайте введення у веб та HTML, включаючи значення тегів, елементів та атрибутів. Дізнайтеся про базову структуру HTML-документа та коротку історію вебу.

Вступ до Курсу

Вступ до Вебу

Коротка Історія Інтернету

Чому нам потрібен HTML?

Основна Структура HTML Документа

Теги, Елементи та Атрибути

2. Основи HTML

Опануйте основи розмітки HTML, зосереджуючись на спеціальному форматуванні тексту та списках, розуміючи їх значення у структурі контенту в HTML-документі. Пориньте в тонкощі структури HTML-документа, вдосконалюючи техніки розмітки тексту.

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

Завдання: Структура HTML Документа

Розмітка Тексту

Завдання: Розмітка Тексту

Спеціальна Розмітка Тексту

Завдання: Спеціальна Розмітка Тексту

Завдання: Списки

3. Зображення та Медіа

Розкрийте потенціал візуального та аудіо контенту у веб-розробці, навчаючись безперешкодно інтегрувати зображення, відео та аудіо елементи в HTML документи. Досліджуйте нюанси включення різних медіа форматів.

Зображення

Завдання: Зображення

Завдання: Аудіо

Завдання: Відео

4. Таблиці та Форми

Опануйте складнощі подання даних та взаємодії з користувачем завдяки всебічному висвітленню таблиць і форм у HTML, що охоплює структури таблиць, створення форм та елементи введення. Отримайте навички у впровадженні елементів введення форм та використанні атрибутів для покращеної функціональності.

Завдання: Таблиця

Завдання: Форми

Елементи Інпут та Лейбл Форми

Завдання: Елементи Інпут та Лейбл Форми

Атрибути для Інпут Елементів

5. Розширений HTML

Підвищте свої навички HTML на новий рівень, заглиблюючись у семантичні елементи HTML, що дозволить вам створювати добре структурований та доступний веб-контент. Почніть створювати свій перший веб-сайт, застосовуючи нові знання для втілення ваших ідей у життя.

Семантичний HTML

Семантичні Елементи

Завдання: Семантичні Елементи

Створення Цілого Вебсайту

Висновок

Зміст курсу

Основи HTML

Основи HTML

1. Розуміння Вебу та HTML

Вступ до Курсу Вступ до Вебу Коротка Історія Інтернету Чому нам потрібен HTML?Основна Структура HTML Документа Теги, Елементи та Атрибути

2. Основи HTML

Структура HTML Документа Завдання: Структура HTML Документа Розмітка Тексту Завдання: Розмітка Тексту Спеціальна Розмітка Тексту Завдання: Спеціальна Розмітка Тексту Списки Завдання: Списки

3. Зображення та Медіа

Зображення Завдання: Зображення Аудіо Завдання: Аудіо Відео Завдання: Відео

4. Таблиці та Форми

Таблиця Завдання: Таблиця Форми Завдання: Форми Елементи Інпут та Лейбл Форми Завдання: Елементи Інпут та Лейбл Форми Атрибути для Інпут Елементів

5. Розширений HTML

Семантичний HTML Семантичні Елементи Завдання: Семантичні Елементи Створення Цілого Вебсайту Висновок

Завдання: Відео

Завдання

Створіть HTML-документ, який вбудовує відеокліп з показом човнів на курорті. Додайте відповідний атрибут для керування. Крім того, використовуйте наступну URL-адресу для вказівки відео: https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/Boats+at+Resort+Video.mp4.

index

index

index

Підказка

Крок 1: Використовуйте тег <video> для вбудовування відеокліпу. Додайте атрибут controls, щоб увімкнути стандартні елементи керування відео. Всередині тега <video> використовуйте атрибут src, щоб вказати URL MP4 відеофайлу.

index

index

index

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

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

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

some-alt