Урок 2 из 8

Каркас страницы

Любая HTML-страница начинается с одной и той же «коробки». Скопируй её в песочницу и меняй только содержимое body.

Код

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <title>Моя страница</title>
</head>
<body>
  <h1>Заголовок во вкладке и на странице — разные вещи</h1>
  <p>Видно только то, что внутри body.</p>
</body>
</html>

В браузере

Заголовок во вкладке и на странице — разные вещи

Видно только то, что внутри body.

Что за что отвечает

<!DOCTYPE html> — говорит браузеру: это современный HTML5.

<head> — служебное: заголовок вкладки, кодировка, стили. Пользователь это не видит на странице.

<body> — всё, что на экране.

charset="utf-8" нужен, чтобы русские буквы не превратились в кракозябры.