Этот урок посвящен HTML-тегам форматирования текста: абзацам, заголовкам, выделению жирным, курсивом и другим стилям.
Тег <p>: создание абзацев
Основной тег для текста — <p>. Он создает абзац, добавляя отступ для лучшей читаемости. Имеет открывающий <p> и закрывающий </p> теги. Текст между ними отображается как отдельный абзац.
<p>Первый абзац.</p>
<p>Второй абзац.</p>Заголовки: <h1> — <h6>
Заголовки создаются тегами <h1> — <h6>. <h1> — самый крупный, <h6> — самый мелкий. Отображаются жирным шрифтом и важны для поисковой оптимизации. Избегайте длинных заголовков; они должны быть лаконичными и отражать суть раздела.
<h1>Заголовок уровня 1</h1>
<h2>Заголовок уровня 2</h2>
<h3>Заголовок уровня 3</h3>Выделение текста
Жирный шрифт
Для жирного шрифта предпочтительнее <strong/>, хотя <b> тоже работает. <strong/> семантически корректнее.
<strong>Жирный текст с помощью <strong></strong>
<b>Жирный текст с помощью <b></b>Курсив
Для курсива рекомендуется <em/> вместо <i>. Оба создают курсив, но <em/> семантически предпочтительнее.
<em>Курсивный текст с помощью <em></em>
<i>Курсивный текст с помощью <i></i>Зачеркнутый текст
Тег <strike> зачеркивает текст.
<strike>Зачеркнутый текст</strike>Подчеркнутый текст
Тег <u> подчеркивает текст.
<u>Подчеркнутый текст</u>Другие теги
<abbr>: аббревиатуры
<abbr> используется для аббревиатур. Атрибут title указывает полное значение, отображающееся при наведении курсора.
<abbr title="HyperText Markup Language">HTML</abbr><address>: контактная информация
<address> предназначен для контактной информации (email, почтовый адрес). Обычно отображается курсивом и имеет специфический стиль. Важен для поисковых роботов, указывая на назначение текста.
<address>Мой адрес</address>Объединение тегов
Несколько тегов форматирования могут быть объединены. Важно соблюдать правильную вложенность: каждый открывающий тег должен быть закрыт соответствующим закрывающим тегом.
<p><strong><em><u><strike>Жирный, курсивный, подчеркнутый и зачеркнутый текст</strike></u></em></strong></p>В этом уроке рассмотрены основные HTML-теги для работы с текстом. Правильное использование улучшает читаемость и доступность веб-страниц, а также способствует лучшей индексации поисковыми системами.