Основные теги форматирования
Жирный текст
Используются два тега: <b> и <strong>.
<b>Жирный текст (b)</b>
<strong>Важный текст (strong)</strong>
Разница между тегами:
- <b> — только визуальное выделение
- <strong> — семантическое выделение важности
Курсив
Используются теги <i> и <em>.
<i>Курсив (i)</i>
<em>Акцент (em)</em>
Особенности:
- <i> — чисто визуальное оформление
- <em> — семантическое выделение акцента
Подчёркивание
Используется тег <u>.
<u>Подчёркнутый текст</u>
Зачёркивание
Используется тег <del>.
<del>Зачёркнутый текст</del>
Комбинированное форматирование
Можно использовать несколько тегов одновременно.
<p>
<strong><em>Важный и акцентированный текст</em></strong><br>
<u><del>Подчёркнутый и зачёркнутый текст</del></u>
</p>
Дополнительные возможности форматирования
Абзацы и переносы
<p>Текст с <br>переносом строки</p>
Теги для цитат
<q>Короткая цитата</q>
<blockquote>Длинная цитата</blockquote>
Пример полной страницы с форматированием
<!DOCTYPE html>
<html>
<head>
<title>Форматирование текста</title>
</head>
<body>
<h1>Примеры форматирования</h1>
<p><b>Жирный текст</b> и <strong>важное сообщение</strong></p>
<p><i>Курсив</i> и <em>акцент на слове</em></p>
<p><u>Подчёркнутый фрагмент</u></p>
<p><del>Удаленный текст</del></p>
<p>Комбинированный пример:
<strong><em><u>Жирный курсив с подчёркиванием</u></em></strong>
</p>
</body>
</html>
Важные рекомендации
- Используйте семантические теги (<strong>, <em>) для лучшей доступности
- Не злоупотребляйте форматированием
- Проверяйте отображение в разных браузерах
- Комбинируйте теги для создания нужного эффекта
- Добавляйте альтернативный текст для важных элементов
#html #development #uhaizpituha