Строительные блоки страницы
Изучите три корневых элемента и узнайте, что должно находиться в каждом из них
«Строительные блоки страницы» — бесплатный урок HTML Academy на CoddyKit. Это урок 3 из 3. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения HTML Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс HTML Academy содержит 3 уроков всего.
Страницы состоят из частей
Каждая веб-страница создаётся из небольших частей, которые называются элементами. Познакомимся с самыми понятными из них. 🧱
Заголовки
Заголовки — это крупные заметные названия. Они сообщают читателям, о чём раздел.
<h1>My First Page</h1>Абзацы
В абзацах размещается обычный текст. Большинство слов на странице находятся именно внутри них.
<p>Welcome to my page.</p>Изображения
Изображения оживляют страницу. Один небольшой тег добавляет картинку прямо на страницу. 🖼️
Ссылки
Ссылки соединяют страницы между собой. Благодаря им веб-пространство превращается в сеть, по которой можно переходить щелчками.
Списки
Нужны маркированные пункты? Списки позволяют аккуратно расположить элементы один под другим.
Блоки внутри блоков
Элементы могут находиться внутри других элементов — как коробки внутри коробок. Это называется вложенностью.
Как строительство из кирпичиков
Разместите заголовок, абзац, изображение и ссылку — и получите настоящую страницу! 🏗️
Простой рецепт
Большинство страниц устроены по одной простой схеме, поэтому, освоив несколько блоков, Вы сможете создать что угодно.
У Вас получилось!
Вы завершили вводный раздел и знаете основные строительные блоки! Дальше будет ещё интереснее. 🎉
Быстрая проверка
Вы познакомились с несколькими строительными блоками. Какой из них содержит обычный текст?
Часто задаваемые вопросы
Урок «Строительные блоки страницы» бесплатный?
Да — полный текст урока «Строительные блоки страницы» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс HTML Academy, подпишись на CoddyKit PRO. Курс HTML Academy содержит 3 уроков всего.
Чему я научусь в уроке «Строительные блоки страницы»?
Изучите три корневых элемента и узнайте, что должно находиться в каждом из них Ты практикуешь HTML Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать HTML Academy?
Предыдущий опыт не требуется. HTML Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 3.
Сколько времени занимает урок «Строительные блоки страницы»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке HTML Academy?
Да. Каждый урок HTML Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Что такое HTML?
- Как браузеры читают HTML
- Строительные блоки страницы