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

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

🏁 Мета

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

content

📋 Завдання

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

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

index.html

css

index.css

js

index.js

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

index.html

css

index.css

js

index.js

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

Секція 2. Розділ 7
course content

Зміст курсу

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

1. Веб Розробка

Світ ВебуЩо таке Інтернет?Розуміння того, як Працює ІнтернетЯк Працює Веб-СайтFrontend проти BackendШлях до Успіху

2. Теги та Атрибути

Розкриття Потенціалу Тегів та Атрибутів HTMLТегиАтрибутиПарні та Одиночні тегиРозмітка ТекстуЧелендж 1: Розмітка ТекстуЧелендж 2: Розмітка ТекстуЧелендж 3: Розмітка ТекстуРозмітка Тексту Спеціального ПризначенняЧелендж: Розмітка Тексту Спеціального ПризначенняВалідація

3. Структура Документа

Секрети Структурних Веб-сторінокСтруктураHead ДокументаПотік ДокументуЧелендж: Структура ДокументаІнструменти Розробника

4. Медіа та Таблиці

Магія Мультимедіа та Динамічних ТаблицьЗображенняЧелендж: ЗображенняЗображення Спеціального ПризначенняГрафічні ФорматиВбудовування Аудіо та ВідеоЧелендж: Аудіо та ВідеоТаблиціЧелендж: Таблиці

5. Форми

Сила Форм: Взаємодійте та ЗалучайтеОснова для Створення ФормиLabel для Input ЕлементаАтрибути Елементу Input Типи Елементу Input Челендж: Input та LabelЕлемент TextareaЕлемент SelectЕлемент DatalistГрупування Елементів Форм

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

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

🏁 Мета

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

content

📋 Завдання

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

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

index.html

css

index.css

js

index.js

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

index.html

css

index.css

js

index.js

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

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