- •Основы web-дизайна
- •Составители а.В. Распопов, о.Е. Ефимова, д.В. Меркулов
- •Введение
- •1.2.1. Стандарты языка html
- •1.2.2. Браузеры
- •Редакторы html-документов
- •Контрольные задания
- •Синтаксис html-тегов
- •Структура html-документа
- •Адресация ресурсов
- •Контрольные задания
- •3.2.1. Комментарии
- •3.2.2. Символьные примитивы (&-последовательности)
- •4.2.1. Разбиение текста
- •4.2.2. Форматирование символов
- •4.2.2.1. Логическое форматирование
- •4.2.2.2. Физическое форматирование
- •4.2.3. Параметры шрифта
- •4.2.4. Заголовки разных уровней внутри текста
- •5.2.1. Формы представления цвета
- •5.2.2. Цвет текста и фон документа
- •5.2.3. Графические форматы
- •5.2.4. Графические изображения
- •Контрольные задания
- •10.2.1. Описание структуры набора фреймов
- •10.2.2. Общий вид html-документа, задающего набор фреймов
- •10.2.4. Целевые фреймы
- •11.2.1. Простейшая форма
- •11.2.2. Типы элементов форм
- •Контрольные задания
- •Несколько советов
- •Библиографический список
- •Оглавление
- •Основы web-дизайна
4.2.2. Форматирование символов
Теги форматирования символов подразделяют на две группы: теги физического форматирования (типографские элементы), с помощью которых можно прямо указать, что шрифт на некотором участке текста должен быть жирным или наклонным, и логического форматирования (идиоматические элементы), применяя которые мы меняем логический стиль, оставив интерпретацию этого стиля браузеру. Все эти теги имеют как открывающий, так и закрывающий компонент. Многочисленные теги несут разную смысловую нагрузку, но отображение текста, заключенного между открывающим и закрывающим компонентами, при этом, не столь разнообразно.
4.2.2.1. Логическое форматирование
При использовании логических стилей автор документа не может знать заранее, что увидит на экране читатель. Разные браузеры толкуют одни и те теги логических стилей по-разному. Некоторые браузеры игнорируют некоторые теги вообще и показывают нормальный текст вместо выделенного логическим стилем.
Полужирным шрифтом отображается текст, заключенный между тегами:
<STRONG> ... </STRONG> (от английского strong emphasis – сильный акцент).
Курсивом (наклонным шрифтом) отображается текст, заключенный между тегами:
<DFN> ... </DFN> (определение);
<EM> ... </EM> (от английского emphasis – акцент);
<CITE> ... </CITE> (цитата);
<VAR> ... </VAR> (от английского variable – переменная, рекомендуется использовать для написания имен переменных).
Моноширинным щрифтом (шрифтом, имитирующим пишущую машинку, то есть имеющим фиксированную ширину символа) отображается текст, заключенный между тегами:
<CODE> ... </CODE> (программный код, рекомендуется использовать для фрагментов исходных текстов).
Также используются следующие теги (часто игнорируемые браузерами):
<SAMP> ... </SAMP> (от английского sample – образец, рекомендуется использовать для демонстрации образцов сообщений, выводимых на экран программами);
<KBD> ... </KBD> (от английского keyboard – клавиатура, рекомендуется использовать для указания того, что нужно ввести с клавиатуры).
4.2.2.2. Физическое форматирование
Полужирным шрифтом отображается текст, заключенный между тегами:
<B> ... </B> (от английского bold).
Курсивом (наклонным шрифтом) отображается текст, заключенный между тегами:
<I> ... </I> (от английского italic).
Моноширинным шрифтом отображается текст, заключенный между тегами:
<TT> ... </TT> (от английского TeleType).
Подчеркнутым отображается текст, заключенный между тегами:
<U> ... </U> (от английского underline).
Перечеркнутым отображается текст, заключенный между тегами:
<S> ... </S> (от английского strikethrough).
Как нижний индекс отображается текст, заключенный между тегами:
<SUB> ... </SUB> (от английского subscript).
Как верхний индекс отображается текст, заключенный между тегами:
<SUP> ... </SUP> (от английского superscript).
Подытожим наши знания о логических и физических стилях с помощью примера. Заодно Вы сможете увидеть, как Ваш браузер показывает те или иные логические стили.
Пример 4.6
<P>Теперь мы знаем, что фрагменты текста можно выделять
<B>жирным</B> или <I>наклонным</I> шрифтом. Кроме того, можно
включать в текст фрагменты с фиксированной шириной символа
<TT>(имитация пишущей машинки)</TT></P>
<P>Кроме того, существует ряд логических стилей:</P>
<P><EM>EM - от английского emphasis - акцент </EM><BR>
<STRONG>STRONG - от английского strong emphasis - сильный
акцент </STRONG><BR>
<CODE>CODE - для фрагментов исходных текстов</CODE><BR>
<SAMP>SAMP - от английского sample - образец </SAMP><BR>
<KBD>KBD - от английского keyboard - клавиатура</KBD><BR>
<VAR>VAR - от английского variable - переменная </VAR></P>