"Истина где-то рядом."
 Уроки HTML |
 Скрипты PHP |
 Шаблоны HTML |
| Уроки HTML |
| Уроки CSS |
| HTML5 |
| Скрипты JAVA |
| Вёрстка |
| Графика |
| Оптимизация сайта |
| Дополнительно |
Форматирование текста в 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 метров.
На этом уроке вы познакомились с элементами, предназначенными для разметки небольших фраз и отдельных слов. Особое внимание было посвящено логической разметке текста с помощью тегов позволяющими указать на важность слова или фразы, и визуальному форматированию.
