Форматирование текста в 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 метров.

  На этом уроке вы познакомились с элементами, предназначенными для разметки небольших фраз и отдельных слов. Особое внимание было посвящено логической разметке текста с помощью тегов позволяющими указать на важность слова или фразы, и визуальному форматированию.

       

Создано: 09.02.2020|Обновлено: 15.12.2021.