🌐 Свой первый сайт Урок 1 из 16 · 0 из 16

Урок 1. Твоя первая страница

Сейчас ты напишешь свою первую строчку кода — и она тут же появится на экране справа.

Любая страница в интернете — это обычный текст, в который добавлены специальные пометки. Пометки называются тегами, и они всегда стоят в угловых скобках.

<h1>Привет!</h1>

Здесь <h1> — это тег «главный заголовок». Он говорит браузеру: «текст после меня — самое важное на странице, покажи его крупно». А </h1> с косой чертой — закрывающий тег, он говорит «всё, заголовок кончился».

Подсказка. Почти все теги работают парой: открывающий и закрывающий. Забыл закрыть — браузер решит, что заголовок продолжается, и покажет крупно вообще всё.

Второй тег — абзац

Обычный текст оборачивают в тег <p> — от английского paragraph, абзац:

<p>Меня зовут Аня, мне 10 лет.</p>

Можно ли написать текст вообще без тегов? Можно, браузер его покажет. Но тогда все абзацы слипнутся в одну кашу, а поисковики не поймут, где на странице что. Теги — это способ объяснить компьютеру смысл текста, а не только его вид.

Твой прогресс

Опыт и значки хранятся прямо в этом браузере — ни имени, ни почты для этого не нужно. Все треки и значки →

Частые вопросы

Что такое тег в HTML?

Тег — это команда для браузера в угловых скобках. Она объясняет, чем является кусок текста: заголовком, абзацем, ссылкой или картинкой. Большинство тегов парные: открывающий &lt;p&gt; и закрывающий &lt;/p&gt;.

Чем h1 отличается от p?

&lt;h1&gt; — главный заголовок страницы, он один и показывается самым крупным шрифтом. &lt;p&gt; — обычный абзац текста, их на странице может быть сколько угодно.