Форматирование текста
В большинстве случаев мы посещаем интернет-сайты в поисках именно текстовой информации: статей и художественных произведений, новостей и технической документации и т.п. И от того, как оформлен текст, как он преподнесен посетителю, зависит многое в судьбе любого Web-сайта.
Область работы с текстом в HTML включает в себя большое количество всевозможных тэгов, составляющих две основные группы: тэги логического и физического форматирования.
В группу тэгов логического форматирования входят тэги, отображающие на экране монитора элементы документа таким образом, как установлено по умолчанию в спецификации языка разметки HTML. Переопределить их параметры или свойства нельзя, за исключением использования стилевых шаблонов CSS и обособления тэгами физического форматирования. Результат действия разных тэгов логического форматирования визуально может совпадать, ибо основное их предназначение заключается в логическом акценте отдельных элементов HTML.
Тэги физического форматирования позволяют разработчику HTML-документа визуально изменять текст, варьируя его параметры и значения. Другими словами, тэги физического форматирования предназначены для выделения отдельных тестовых фрагментов различными способами, установленными автором документа.
Тэги логического форматирования
При использовании логических стилей автор документа не может знать заранее, что увидит на экране читатель. Разные браузеры толкуют одни и те же метки логических стилей по-разному. Некоторые браузеры игнорируют некоторые метки вообще и показывают нормальный текст вместо выделенного логическим стилем. Вот самые распространенные логические стили.
Атрибут |
Функция |
<EM> ... </EM>
|
От английского emphasis — акцент. наклонный шрифт (аналог <i>...</i>) |
<STRONG> ... </STRONG>
|
От английского strong emphasis — сильный акцент. жирный шрифт (аналог <b>...</b>) Использвается для демонстрации образцов сообщений, выводимых на экран программами. |
<CODE> ... </CODE>
|
Рекомендуется использовать для фрагментов исходных текстов. Текст отображается как код или формула (чаще всего как шрифт Courier) |
<SAMP> ... </SAMP>
|
От английского sample — образец. Рекомендуется использовать для демонстрации образцов сообщений, выводимых на экран программами. |
<KBD> ... </KBD>
|
От английского keyboard — клавиатура. Рекомендуется использовать для указания того, что нужно ввести с клавиатуры. текст отображается моноширинным жирным шрифтом |
<VAR> ... </VAR>
|
От английского variable — переменная. Рекомендуется использовать для написания имен переменных. |
<P> ... </P>
|
Такая пара меток описывает абзац. Все, что заключено между <P> и </P> , воспринимается как один абзац. |
Метки <Hi> и <P> могут содержать дополнительный атрибут ALIGN (читается "элайн", от английского "выравнивать"), например:
ALIGN=”left”-значение параметра, принятое по умолчанию: текста выровнен по левому краю.
ALIGN=”center”-текст располагается посередине окна браузера.
ALIGN=”right”-выравнивание текста по правому краю.
ALIGN=”justify”-выравнивание по ширине окна браузера.
<H1> ... </H1> — <H6> ... </H6>
Метки вида <Hi> (где i — цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня — самый крупный, шестого уровня, естественно — самый мелкий.