Форматирование текста
Выделяйте текст полужирным и курсивом, а также подчёркивайте его
«Форматирование текста» — бесплатный урок HTML for Kids на CoddyKit. Это урок 4 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения HTML for Kids, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс HTML for Kids содержит 4 уроков всего.
Форматирование текста
Добро пожаловать на следующий урок! Сегодня мы узнаем, как форматировать текст в HTML, делая его полужирным, курсивным, подчёркнутым и не только. Давайте начнём!
Зачем форматировать текст?
Форматирование текста помогает:
- подчёркивать важную информацию;
- делать веб-страницу более удобной для чтения;
- улучшать визуальное восприятие содержимого.
Давайте рассмотрим разные способы форматирования текста в HTML!
Выделение текста полужирным
Используйте тег <strong> или <b>, чтобы сделать текст полужирным. Оба тега работают похожим образом, но <strong> используется для обозначения важного текста.
Пример:
<p>This is <strong>important</strong> text.</p>
<p>This is <b>bold</b> text.</p>
Выделение текста курсивом
Используйте тег <em> или <i>, чтобы сделать текст курсивным. <em> добавляет смысловой акцент, а <i> используется только для стилизации.
Пример:
<p>This is <em>emphasized</em> text.</p>
<p>This is <i>italicized</i> text.</p>
Подчёркивание текста
Используйте тег <u>, чтобы подчеркнуть текст.
Пример:
<p>This is <u>underlined</u> text.</p>
Зачёркивание текста
Используйте тег <del> или <s>, чтобы зачеркнуть текст. Это удобно для обозначения удалённого или неверного текста.
Пример:
<p>This is <del>deleted</del> text.</p>
<p>This is <s>strikethrough</s> text.</p>
Объединение способов форматирования
Вы можете объединять несколько тегов форматирования, чтобы по-разному стилизовать текст.
Пример:
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
<p>This is <u><i>underlined and italicized</i></u> text.</p>
Попробуйте сами
Давайте создадим веб-страницу с форматированным текстом. Вот пример:
<!DOCTYPE html>
<html>
<head>
<title>Text Formatting</title>
</head>
<body>
<h1>Text Formatting Example</h1>
<p>This is <strong>bold</strong> text.</p>
<p>This is <em>italicized</em> text.</p>
<p>This is <u>underlined</u> text.</p>
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
</body>
</html>
Отличная работа!
Поздравляем! Вы научились форматировать текст в HTML с помощью полужирного, курсивного, подчёркнутого и других начертаний. Форматирование текста помогает выделять важное содержимое и улучшает читаемость. На следующем уроке мы перейдём к лучшим практикам написания чистого и организованного HTML. Приготовьтесь отточить свои навыки программирования!
Изучай HTML с ИИ-репетитором — бесплатно
Пиши и запускай код прямо в браузере, получай мгновенную помощь от ИИ-репетитора 24/7 и продолжи учиться на сайте или в приложении.
- Курсы
- 16
- Уроки
- 35
Часто задаваемые вопросы
Урок «Форматирование текста» бесплатный?
Да — полный текст урока «Форматирование текста» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс HTML for Kids, подпишись на CoddyKit PRO. Курс HTML for Kids содержит 4 уроков всего.
Чему я научусь в уроке «Форматирование текста»?
Выделяйте текст полужирным и курсивом, а также подчёркивайте его Ты практикуешь HTML for Kids с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать HTML for Kids?
Предыдущий опыт не требуется. HTML for Kids на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 4 из 4.
Сколько времени занимает урок «Форматирование текста»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке HTML for Kids?
Да. Каждый урок HTML for Kids включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Встроенные стили
- Основы CSS
- Цвета и фоны
- Форматирование текста