В данной статье Вы узнаете начальные навыки работы с текстом в HTML.
ЗАГОЛОВКИ
<hn> - заголовок обозначает начало раздела документа. В стандарте определено 6 уровней заголовков: от h1 до h6. Текст, окруженный тегами <h1></h1>, получается большим: это основной заголовок.
Если текст окружен тегами <h2></h2>, то он выглядит несколько меньше (подзаголовок); текст внутри <hЗ></hЗ> еще меньше и так далее до <h6></h6>.
Синтаксис:
<h1>Заголовок 1 уровня</h1> ... <h6>Заголовок 6 уровня</h6>
Как и большинство парных тегов HTML, теги заголовков нужно закрыть. Если этого не сделать, возможны самые неожиданные и, как правило, нежелательные эффекты.
Текст заключенный внутри заголовочной конструкции, пользуется особым вниманием поисковых серверов. Именно по нему они определяют тему страницы и принимают решение о помещении её в тот или иной раздел электронных каталогов.
АБЗАЦЫ
Как правило, блоки текста оформляют в виде абзацев (параграфов). По умолчанию между абзацами существует небольшой вертикальный отступ, называемый отбивкой.
Синтаксис:
<p> Абзац 1 </p>
<p> Абзац 2 </p>
Каждый абзац начинается с тега <p> и заканчивается закрывающим тегом </p>. Для выделения следующего абзаца не используется отступ первой строки, еще называемый «красная строка». На веб-странице этот прием обычно не используется, а для разделения абзацев применяется отбивка.
ПЕРЕНОС ТЕКСТА
При использовании тега <p> между абзацами возникают слишком большие отступы (отбивки), которые не всегда уместны. От них можно избавиться, если в местах переноса строк добавлять тег <br>. В отличие от абзаца, тег переноса строки <br> не создает дополнительных вертикальных отступов между строками и может применяться практически в любом тексте.
ЛИНЕЙКИ
Для изображения горизонтальной линии, которая по своему виду зависит от используемых параметров, а также браузера, используется тег <hr> .
Тег <hr> относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.
Позволяет визуально отделять не связанные разделы страницы друг от друга.
КОММЕНТАРИИ
Синтаксис:
<!-- Комментарий -->
Используется для создания комментариев в любой части документа.
Все, что находится внутри <!-- --> , будь то элемент или текст, будет проигнорировано браузером (не будет обрабатываться и выводиться на экран).
СПЕЦСИМВОЛЫ
Для отображения символов, которых нет на клавиатуре, применяются специальные знаки, начинающиеся с амперсанда (&) и заканчивающиеся точкой с запятой (;).
Например: некоторые наиболее часто употребляемые спецсимволы:
- < - < (меньше)
- > - > (больше)
- " - " (кавычки)
- - неразрывный пробел
- & - & (амперсанд)
ПРЕДВАРИТЕЛЬНОЕ ФОРМАТИРОВАНИЕ ТЕКСТА
Вeб-браузеры игнорируют пустые строки и избыточные пробелы внутри текста страницы.
Тег <pre></pre> указывает браузеру сохранять в неприкосновенности пустые области текста страницы и отображает текст моноширинным шрифтом.
Синтаксис:
<pre> Текст </pre>
ЦИТАТЫ
Тег <blockquote> предназначен для выделения длинных цитат внутри документа.
Текст, обозначенный этим тегом, традиционно отображается как выровненный блок с отступами слева и справа (примерно по 40 пикселов (8 пробелов)), а также с отбивкой сверху и снизу.
Синтаксис:
<blockquote> Текст </blockquote>
Тег <q> используется для выделения коротких цитат. Браузерами заключается в кавычки.
Синтаксис:
<q> Текст </q>
Вскоре Вы узнаете больше о HTML, а также узнаете начальные навыки, следите за моим каналом, спасибо.