"Истина где-то рядом."

Уроки HTML

Скрипты PHP

Шаблоны HTML

Меню сайта
Уроки HTML
Уроки CSS
HTML5
Скрипты JAVA
Вёрстка
Графика
Оптимизация сайта
Дополнительно


Реклама на сайте:




Форматирование текста в HTML


папка 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.