Your first web page · Ваша первая веб-страница
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Эта страница требует современного браузера (с поддержкой SharedArrayBuffer). Пожалуйста, обновите Chrome, Edge, Firefox или Safari до последней версии.
English
Welcome to the web
- A web page is made with HTML.
- HTML is just text with tags around it.
- You write HTML here and watch it appear — nothing to install.
Русский
Добро пожаловать в веб
- Веб-страница создается с помощью HTML.
- HTML — это просто текст с тегами вокруг него.
- Вы пишете HTML здесь и наблюдаете, как он появляется — ничего устанавливать не нужно.
English
How this page works
- Type in the box, then press ▶ to see your page.
- Press ✓ Check to see if your task is correct.
- Stuck? Press 💡 for a hint. Press ↻ to start over.
- Read each step, then press Continue.
Русский
Как работает эта страница
- Введите текст в поле, затем нажмите ▶, чтобы увидеть свою страницу.
- Нажмите ✓ Проверить, чтобы убедиться, что ваше задание выполнено верно.
- Застряли? Нажмите 💡 для подсказки. Нажмите ↻, чтобы начать заново.
- Прочитайте каждый шаг, затем нажмите Продолжить.
English
Tags wrap your words
- A tag is a word inside angle brackets, like
<p>. - Most tags come as a pair: an opening
<p>and a closing</p>. - A
<p>makes a paragraph — a block of text.
Русский
Теги окружают ваши слова
- Тег — это слово в угловых скобках, например,
<p>. - Большинство тегов идут парой: открывающий
<p>и закрывающий</p>. - Тег
<p>создает абзац — блок текста.
<p>Hello! This is my first web page.</p>
English
More than one paragraph
- Put each paragraph in its own pair of
<p>tags. - The browser shows them one after another, top to bottom.
Русский
Несколько абзацев
- Поместите каждый абзац в свою пару тегов
<p>. - Браузер отображает их друг за другом, сверху вниз.
<p>I am learning HTML.</p>
<p>This is fun.</p>
English
Common mistakes
- Tags go in angle brackets; the text you see goes between them.
- Most tags come in pairs, like
<p>...</p>.
Русский
Распространенные ошибки
- Теги находятся в угловых скобках; видимый вами текст находится между ними.
- Большинство тегов идут парами, как
<p>...</p>.
English
Now you try
- Below are two small tasks. Type your HTML and press ▶ to see it.
- Press ✓ Check when you think it is right. You can try as many times as you like.
Русский
Теперь попробуйте сами
- Ниже приведены две небольшие задачи. Введите HTML и нажмите ▶, чтобы увидеть результат.
- Нажмите ✓ Проверить, когда считаете, что всё верно. Вы можете попробовать столько раз, сколько захотите.
Explore · Исследовать
HTML is a tree of nodes · HTML — это дерево узлов
Tags nest inside tags — the browser builds a tree (the DOM). · Теги вкладываются друг в друга — браузер构建 дерево (DOM).
Write a paragraph that says Hello, world! — type your text between the <p> and </p> tags. · Напишите абзац с текстом Hello, world! — введите текст между тегами <p> и </p>.
Add a second paragraph below the first one. Make it say I made this. (Use a new pair of <p> … </p> tags.) · Добавьте второй абзац под первым. Пусть он гласит I made this. (Используйте новую пару тегов <p> … </p>.)