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



В языке HTML существуют физические и логические стили форматирования текста.

  1. Физические стили. Дают прямое указание браузеру, как отображать текст на экране монитора. Все физические стили отображены в таблице, которая расположена ниже:

    ШрифтТэги, используемые для задания шрифта
    Полужирный шрифт (bold)<B>...</B>
    Курсив (italic)<I>...</I>
    Зачёркнутый текст (strike)<S>...</S> или <STRIKE>...</STRIKE>
    Подчёркнутый текст (underline)<U>...</U>
    Шрифт, имитирующий пишущую машинку, имеет фиксированную ширину символа (teletype text)<TT>...</TT>
    Крупный шрифт<BIG>...</BIG>
    Мелкий шрифт<SMALL>...</SMALL>
    Нижний индексИспользуется для указания нижних индексов, например А1, A2, A3<SUB>...</SUB>
    Верхний индексИспользуется для указания верхних индексов, например y=x2<SUP>...</SUP>

  2. Логические стили. При использовании логических стилей автор документа не знает заранее, что увидит читатель на экране монитора. Разные браузеры могут толковать одни и те же теги логических стилей по-разному, а могут и вообще не реагировать на них. Логические стили отобразим тем же способом, что и физические, то есть в таблице:

    ШрифтТэги, используемые для задания шрифта
    Cлужит для выделения фрагментов текста, имеющих особое значение (emphasis - акцент, англ.)<EM>...</EM>
    Служит для выделения фрагментов текста, имеющих особо важное значение (strong emphasis - сильный акцент)<STRONG>...</STRONG>
    Рекомендуется для выделения кодов программ<CODE>...</CODE>
    Используется для демонстрации сообщений, выводимых на экран программами (sample - образец, англ.)<SAMP>...</SAMP>
    Используется для указания фрагмента текста, в котором говорится о том, что надо ввести с клавиатуры (keyboard - клавиатура, англ.)<KBD>...</KBD>
    Рекомендуется использовать для обозначения переменных (variable - переменная, англ.)<VAR>...</VAR>
    Используется для выделения определений из текста (define - определять, англ.)<DFN>...</DFN>
    Рекомендуется использовать для выделения заголовков, например книг<CITE>...</CITE>

Любой шрифт можно вкладывать в другой шрифт, например фрагмент текста следующего содержания: <B><I>"Этот текст выведется на экран полужирным курсивом"</I></B>, выведется на экран монитора как "Этот текст выведется на экран полужирным курсивом".

Шрифты также можно накладывать друг на друга. Текст следующего содержания: <B>жирное <I>наложение</B> шрифтов</I>, отобразится на экране монитора так: "жирное наложение шрифтов".

Предварительно форматированный техт



Браузеры игнорируют множественные пробелы и в нужное время сами не переносят строку (если не использовать тег <br>). Однако, существует пара тегов, на которые это правило не действует. Любой текст, находящийся между тегами <PRE>...</PRE> выводится на экран так, как он написан, а именно со всеми пробелами, а строка переносится, когда это необходимо. Например, текст написанный как:

<PRE>
   Этот текст выведется на экран со всеми
 пробелами        и символами


     конца строки, то есть будет 
   перенесён на столько строчек вниз,




 на сколько захочется без                  
    всяких там <br>
</PRE>

Выведется на экран так:

   Этот текст выведется на экран со всеми
 пробелами        и символами


     конца строки, то есть будет 
   перенесён на столько строчек вниз,




 на сколько захочется без                  
    всяких там <br>

2011 год.

<<Предыдущая | В раздел | Следующая>>