Форматирование текста в HTML
Урок №6
Элементы форматирования предназначены для отображения специальных видов текста.
С помощью тэгов форматирования Вы можете выделять "важный" текст на страницах, создавать тексты "рукописного начертания", добавлять в HTML документы формулы, а также увеличивать и уменьшать размер шрифта.
Правильно отформатированный текст лучше усваивается пользователями.
Основным инструментом форматирования текста в html является тег <p>.
С помощью этого тега текст можно разделить на блоки, подобные книжным абзацам.
Этот тег парный, и текст следует записывать внутри этого тега. Давайте рассмотрим работу этого тега на примере.
<p>Это первый абзац нашей страницы.</p>
<p>Следующий абзац текста.</p>
Как это будет выглядеть на странице:
Это первый абзац нашей страницы.
Следующий абзац текста.
Семантика в HTML с элементами форматирования
Семантика в HTML является практикой предоставления смысла и структуры содержимого документа с помощью соответствующего тега.
Семантический код описывает значение содержимого документа, независимо от его стиля или внешнего вида.
Cемантический код при прочих равных условиях, будет выдаваться выше в результатах выдачи поисковых систем, чем страница с несемантическим кодом.
HTML также определяет специальные элементы для определения текста с особым значением. Для вывода форматирования HTML использует элементы,<b> и <i>, шрифт полужирный и курсив.
Элементы форматирования предназначены для отображения специальных видов текста:
<b>
- Жирный текст
<strong>
- Важный текст
<i>
- текст Курсив (наклонный)
<em>
- текст Акцентирует внимание (наклонный)
<mark>
- Маркерованный текст
<small>
- Небольшой текст
<del>
- Удаленный (зачеркнутый) текст
<ins>
- Вставленный (добавить) текст
<sub>
- Подстрочный текст
<sup>
- Надстрочный текст
Пример: форматированого текста.
<p>Казнить нельзя, <mark>помиловать!</mark>.</p>
<p>Береги <del>честь</del> с молоду.</p>
<p>Из <ins>песни</ins> слов не выкинешь.</p>
<p>Это формула воды: Н<sub>2</sub>O.</p>
<p>Объём вырытой земли: 20<sup>3</sup> метров.</p>
Как это будет выглядеть на странице:
Казнить нельзя, помиловать!
Береги честь с молоду.
Из песни слов не выкинешь.
Это формула воды H2O
Объём вырытой земли: 203 метров.
На этом уроке вы познакомились с элементами, предназначенными для разметки небольших фраз и отдельных слов.
Особое внимание было посвящено логической разметке текста с помощью тегов позволяющими указать на важность слова или фразы, и визуальному форматированию.