Курсы Введение в веб-разработку Структура HTML-документа

Структура HTML-документа

В этом уроке мы рассмотрим основную структуру HTML-документа, базовые теги и их назначение.

1 ч Видеоурок

Введение в структуру HTML

HTML (HyperText Markup Language) — это стандартный язык разметки для создания веб-страниц. С помощью HTML мы определяем структуру и содержимое веб-страницы.

Базовая структура HTML-документа

Каждый HTML-документ имеет определенную структуру, которая включает следующие элементы:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Заголовок страницы</title>
  </head>
  <body>
    <!-- Содержимое страницы -->
  </body>
</html>

Основные HTML-теги

Давайте рассмотрим основные HTML-теги, которые используются для создания структуры веб-страницы:

  • <html> — корневой элемент HTML-документа
  • <head> — содержит метаданные о документе
  • <title> — определяет заголовок документа
  • <body> — содержит видимое содержимое страницы
  • <h1> - <h6> — заголовки разного уровня
  • <p> — параграф текста
  • <a> — ссылка
  • <img> — изображение
  • <div> — блочный контейнер
  • <span> — строчный контейнер

Тест по уроку

Вопрос 1: Какой тег является корневым элементом HTML-документа?

Вопрос 2: Какой тег используется для определения заголовка документа в браузере?

Вопрос 3: Где должны размещаться метаданные HTML-документа?

Вопросы по уроку

Пока нет вопросов по этому уроку. Будьте первым!
Введение в веб-разработку

Введение в веб-разработку

Вернуться к курсу

Мои заметки