Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про HTML: doctype, html

Как выглядит базовая структура HTML страницы?

Этот вопрос проверяет базовое понимание HTML и умение создавать простую веб-страницу.

Короткий ответ

Базовая структура HTML страницы начинается с <!DOCTYPE html> для указания типа документа. Затем идет тег <html>, внутри которого находятся два ключевых раздела: <head> (для метаинформации, стилей, ссылок на ресурсы) и <body> (для контента, который виден пользователю). Например:

<!DOCTYPE html>
<html>
	<head>
		<title>Моя первая страница</title>
	</head>
	<body>
		<h1>Привет, мир!</h1>
	</body>
</html>

Длинный ответ

HTML (HyperText Markup Language) используется для создания структуры веб-страниц. Любая HTML-страница начинается с объявления типа документа <!DOCTYPE html>, которое сообщает браузеру, что используется последняя версия HTML (HTML5).

Структура страницы организована в тегах:

  • <html>: корневой элемент страницы. Внутри него находится весь содержимый HTML-код.

  • <head>: секция для метаинформации. Здесь размещаются:

  • <title>: заголовок страницы, отображаемый в вкладке браузера.

  • <meta>: метатеги, например, для указания кодировки (<meta charset="UTF-8">).

  • Подключение стилей (<link>) или скриптов (<script>).

  • <body>: секция, содержащая видимый контент страницы, например, текст, изображения, кнопки и так далее.

Пример базовой структуры:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Базовая HTML страница</title>
	</head>
	<body>
		<h1>Добро пожаловать!</h1>
		<p>Это пример базовой структуры HTML.</p>
	</body>
</html>

<meta charset="UTF-8"> задает кодировку UTF-8, чтобы корректно отображать текст.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> помогает адаптировать страницу для мобильных устройств.


Создание базовой структуры страницы — это первый шаг при разработке веб-приложения. Например, если вы хотите создать визитку или лендинг, вы начнете с описанной структуры. Она также служит основой для добавления стилей (CSS) и логики (JavaScript).

Уровень

  • Рейтинг:

    2

  • Сложность:

    1

Навыки

  • HTML

    HTML

Ключевые слова

#doctype

#html

Подпишись на React Developer в телеграм