Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Челендж 2: Розмітка Тексту | Теги та Атрибути
Знайомство з HTML
course content

Зміст курсу

Знайомство з HTML

Знайомство з HTML

1. Веб Розробка
Світ ВебуЩо таке Інтернет?Розуміння того, як Працює ІнтернетЯк Працює Веб-СайтFrontend проти BackendШлях до Успіху
2. Теги та Атрибути
Розкриття Потенціалу Тегів та Атрибутів HTMLТегиАтрибутиПарні та Одиночні тегиРозмітка ТекстуЧелендж 1: Розмітка ТекстуЧелендж 2: Розмітка ТекстуЧелендж 3: Розмітка ТекстуРозмітка Тексту Спеціального ПризначенняЧелендж: Розмітка Тексту Спеціального ПризначенняВалідація
3. Структура Документа
Секрети Структурних Веб-сторінокСтруктураHead ДокументаПотік ДокументуЧелендж: Структура ДокументаІнструменти Розробника
4. Медіа та Таблиці
Магія Мультимедіа та Динамічних ТаблицьЗображенняЧелендж: ЗображенняЗображення Спеціального ПризначенняГрафічні ФорматиВбудовування Аудіо та ВідеоЧелендж: Аудіо та ВідеоТаблиціЧелендж: Таблиці
5. Форми
Сила Форм: Взаємодійте та ЗалучайтеОснова для Створення ФормиLabel для Input ЕлементаАтрибути Елементу Input Типи Елементу Input Челендж: Input та LabelЕлемент TextareaЕлемент SelectЕлемент DatalistГрупування Елементів Форм

bookЧелендж 2: Розмітка Тексту

🏁 Мета

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

📋 Завдання

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

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

index

css

index

js

index

copy
  1. Використовуйте тег h1, щоб створити головний заголовок;
  2. Використовуйте тег h2, щоб створити підзаголовок;
  3. Використовуйте тег p, щоб створити абзац.
html

index

css

index

js

index

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

Як ми можемо покращити це?

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

Секція 2. Розділ 7
some-alt