0Pricing
HTML for Kids · Урок

Заголовки и абзацы

Добавляйте заголовки и текст на веб-страницу

«Заголовки и абзацы» — бесплатный урок HTML for Kids на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения HTML for Kids, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс HTML for Kids содержит 4 уроков всего.

Заголовки и абзацы

Добро пожаловать в следующий урок! Сегодня мы научимся добавлять на веб-страницу заголовки и абзацы. Эти элементы делают содержимое организованным и удобным для чтения.

Заголовки и абзацы — иллюстрация 1

Что такое заголовки

Заголовки используются для создания названий и подзаголовков на веб-странице. Они варьируются от <h1> (самый крупный) до <h6> (самый мелкий).

Представьте заголовки как план содержимого. Они помогают пользователям понять структуру страницы.

Пример:

<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Smaller Subheading</h3>

Использование заголовков

Добавим заголовки на веб-страницу. Попробуйте этот код, чтобы увидеть разницу между размерами заголовков:

<h1>This is an H1 Heading</h1>
<h2>This is an H2 Heading</h2>
<h3>This is an H3 Heading</h3>
<h4>This is an H4 Heading</h4>
<h5>This is an H5 Heading</h5>
<h6>This is an H6 Heading</h6>

Что такое абзацы

Абзацы — это блоки текста, добавляемые на веб-страницу с помощью тега <p>. Они отлично подходят для подробной информации и описаний.

Пример:

<p>This is a paragraph of text on my web page. It’s great for sharing information with my visitors!</p>

Добавление нескольких абзацев

Можно добавить любое количество абзацев, используя несколько тегов <p>.

Пример:

<p>This is the first paragraph. It introduces my topic.</p>
<p>This is the second paragraph. It adds more details and examples.</p>
<p>This is the third paragraph. It concludes my thoughts.</p>

Объединение заголовков и абзацев

Заголовки и абзацы вместе делают содержимое понятным и удобным для чтения. Используйте заголовки для названий, а абзацы — для подробной информации.

Пример:

<h1>Welcome to My Web Page</h1>
<p>This is a web page where I share my favorite recipes, hobbies, and stories.</p>

<h2>My Favorite Recipes</h2>
<p>I love baking cookies and cakes. Here’s a recipe for chocolate chip cookies!</p>

<h2>My Hobbies</h2>
<p>In my free time, I enjoy painting and playing video games.</p>

Рекомендации по заголовкам и абзацам

Вот несколько советов:

  • Используйте один <h1> на странице: тег <h1> следует использовать только один раз — как основной заголовок.
  • Организуйте содержимое: используйте заголовки меньшего размера (<h2>, <h3>) для разделения разделов.
  • Пишите понятные абзацы: делайте абзацы короткими и удобными для чтения.

Попробуйте сами

Создадим простую веб-страницу с заголовками и абзацами. Вот пример для начала:

<!DOCTYPE html>
<html>
  <head>
    <title>Headings and Paragraphs</title>
  </head>
  <body>
    <h1>Welcome to My Page</h1>
    <p>This is the main paragraph introducing my page.</p>
    
    <h2>About Me</h2>
    <p>I’m learning HTML and enjoying the process!</p>

    <h2>My Goals</h2>
    <p>My goal is to create a professional-looking website someday.</p>
  </body>
</html>

Отличная работа

Отличная работа! Вы научились добавлять на веб-страницу заголовки и абзацы. Они необходимы для создания понятного и хорошо структурированного содержимого. В следующем уроке мы узнаем, как создавать списки для организации информации. Приготовьтесь к новым открытиям!

Заголовки и абзацы — иллюстрация 10

Часто задаваемые вопросы

Урок «Заголовки и абзацы» бесплатный?

Да — полный текст урока «Заголовки и абзацы» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс HTML for Kids, подпишись на CoddyKit PRO. Курс HTML for Kids содержит 4 уроков всего.

Чему я научусь в уроке «Заголовки и абзацы»?

Добавляйте заголовки и текст на веб-страницу Ты практикуешь HTML for Kids с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать HTML for Kids?

Предыдущий опыт не требуется. HTML for Kids на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.

Сколько времени занимает урок «Заголовки и абзацы»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке HTML for Kids?

Да. Каждый урок HTML for Kids включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Заголовки и абзацы
  2. Списки: нумерованные и маркированные
  3. Ссылки: соединяем веб-пространство
  4. Изображения: добавляем картинки на страницу
← Назад к HTML for Kids