Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Завдання: Структура HTML-Документа | Основи HTML
Основи HTML

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

Вітаємо з вашим першим завданням у цьому курсі!

Завдання створені для закріплення знань і теорії, які ви вже вивчили, шляхом їх практичного застосування. Навчання через практику — найефективніший спосіб засвоєння матеріалу, тому не пропускайте жодного завдання.

Як працюють завдання? Ви отримаєте задачу, яку потрібно виконати, а також блок коду з пропущеними фрагментами, які необхідно заповнити. Після завершення завдання ви зможете запустити свій код, щоб переконатися, що все працює правильно.

Під блоком коду ви побачите дві кнопки: та .

  • Кнопка відкриє підказки для допомоги у виконанні завдання;
  • Кнопка покаже готовий код для цього завдання.

Не бійтеся експериментувати та пробувати різні варіанти для виконання завдання. Чим більше ви практикуєтеся, тим легше буде надалі. Успіхів!

Завдання

Заповніть пропуски, щоб створити базову структуру HTML-документа.

index.html

index.html

copy

Підказка

  • Крок 1: Оголошення типу документа має бути <!DOCTYPE html>. Це оголошення повідомляє браузеру, що документ написаний мовою HTML5.
  • Крок 2: Заповніть пропуски відповідними відкриваючими та закриваючими тегами (<head></head>) для секції head.
  • Крок 3: Використовуйте UTF-8 як кодування символів.
  • Крок 4: Заповніть пропуски відповідними відкриваючими та закриваючими тегами (<body></body>) для секції body.
index.html

index.html

copy

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

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

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Suggested prompts:

Can you show me the code block with the blanks that need to be filled in?

Can you give me more details about what should go inside the head and body sections?

What is the expected output after filling in the blanks?

Awesome!

Completion rate improved to 3.13

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

Свайпніть щоб показати меню

Вітаємо з вашим першим завданням у цьому курсі!

Завдання створені для закріплення знань і теорії, які ви вже вивчили, шляхом їх практичного застосування. Навчання через практику — найефективніший спосіб засвоєння матеріалу, тому не пропускайте жодного завдання.

Як працюють завдання? Ви отримаєте задачу, яку потрібно виконати, а також блок коду з пропущеними фрагментами, які необхідно заповнити. Після завершення завдання ви зможете запустити свій код, щоб переконатися, що все працює правильно.

Під блоком коду ви побачите дві кнопки: та .

  • Кнопка відкриє підказки для допомоги у виконанні завдання;
  • Кнопка покаже готовий код для цього завдання.

Не бійтеся експериментувати та пробувати різні варіанти для виконання завдання. Чим більше ви практикуєтеся, тим легше буде надалі. Успіхів!

Завдання

Заповніть пропуски, щоб створити базову структуру HTML-документа.

index.html

index.html

copy

Підказка

  • Крок 1: Оголошення типу документа має бути <!DOCTYPE html>. Це оголошення повідомляє браузеру, що документ написаний мовою HTML5.
  • Крок 2: Заповніть пропуски відповідними відкриваючими та закриваючими тегами (<head></head>) для секції head.
  • Крок 3: Використовуйте UTF-8 як кодування символів.
  • Крок 4: Заповніть пропуски відповідними відкриваючими та закриваючими тегами (<body></body>) для секції body.
index.html

index.html

copy

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

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

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

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