Логические стили

При использовании логических стилей автор документа не может знать заранее, что увидит на экране читатель. Разные браузеры толкуют одни и те же метки логических стилей по-разному. Некоторые браузеры игнорируют некоторые метки вообще и показывают нормальный текст вместо выделенного логическим стилем. Вот самые распространенные логические стили.

 ... 

От английского emphasis — акцент.

 ... 

От английского strong emphasis — сильный акцент.

<CODE> ... </CODE>

Рекомендуется использовать для фрагментов исходных текстов.

<SAMP> ... </SAMP>

От английского sample — образец. Рекомендуется использовать для демонстрации образцов сообщений, выводимых на экран программами.

<KBD> ... </KBD>

От английского keyboard — клавиатура. Рекомендуется использовать для указания того, что нужно ввести с клавиатуры.

<VAR> ... </VAR>

От английского variable — переменная. Рекомендуется использовать для написания имен переменных.

Подытожим наши знания о логических и физических стилях с помощью примера. Заодно Вы сможете увидеть, как Ваш браузер показывает те или иные логические стили.

Создадим следующий документ:

------------------------------------------------------------------------------------------

<html>

<head>

<title>

Стили. Андрей Петров, 34 группа

</title>

</head>

<body>

<H1>

Шрифтовое выделение фрагментов текста

</H1>

Теперь мы знаем, что фрагменты текста можно

выделять

жирным или наклонным шрифтом.

Кроме того, можно

включать в текст фрагменты с фиксированной шириной

символа

<TT>(имитация пишущей машинки)</TT>

Кроме того, существует ряд логических стилей:

EM - от английского emphasis - акцент 

STRONG - от английского strong emphasis -

сильный акцент 

<CODE>CODE - для фрагментов

исходных текстов</CODE> 

<SAMP>SAMP - от английского sample -

образец </SAMP> 

<KBD>KBD - от английского keyboard -

клавиатура</KBD> 

<VAR>VAR - от английского variable -

переменная </VAR>

</body>

</html>

-----------------------------------------------------------------------------------------------

HTML позволяет определять внешний вид целых абзацев текста. Абзацы можно организовывать в списки, выводить их на экран в отформатированном виде, или увеличивать левое поле. Разберем все по порядку.

Ненумерованные списки: <UL> ... </UL>

Текст, расположенный между метками <UL> и </UL>, воспринимается как ненумерованный список. Каждый новый элемент списка следует начинать с метки <LI>. Например, чтобы создать вот такой список:

· клавиатура;

· монитор;

· мышь.

необходимо перед меткой </body> ввести вот такой HTML-текст:

-----------------------------------------------------------------------------------------------

<H2>СПИСКИ</H2>

<UL>

<LI> клавиатура;

<LI> монитор;

<LI> мышь.

</UL>

-----------------------------------------------------------------------------------------------

Обратите внимание: у метки <LI> нет парной закрывающей метки.

Нумерованные списки: <OL> ... </OL>

Нумерованные списки устроены точно так же, как ненумерованные, только вместо символов, выделяющих новый элемент, используются цифры. Если слегка модифицировать наш предыдущий пример:

Добавьте к нашему примеру:

-----------------------------------------------------------------------------------------------

<OL>

<LI>клавиатура;

<LI>монитор;

<LI> мышь

</OL>

-----------------------------------------------------------------------------------------------

получится вот такой список:

1. клавиатура;

2. монитор;

3. мышь

Списки определений: <DL> ... </DL>

Список определений несколько отличается от других видов списков. Вместо меток <LI> в списках определений используются метки <DT> (от английского definition term — определяемый термин) и <DD> (от английского definition definition — определение определения). Разберем это на примере, который добавим перед меткой </body> :

-----------------------------------------------------------------------------------------------

<DL>

<DT>HTML

<DD>Термин HTML (HyperText Markup Language) означает 'язык маркировки гипертекстов'. Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.

<DT>HTML-документ

<DD>Текстовый файл с расширением *.html

(Unix-системы могут содержать файлы с расширением *.htmll).

</DL>

-----------------------------------------------------------------------------------------------

Обратите внимание: точно так же, как метки <LI>, метки <DT> и <DD> не имеют парных закрывающих меток.

Если определяемые термины достаточно коротки, можно использовать модифицированную открывающую метку <DL COMPACT>. Например, вот такой фрагмент HTML-текста:

-----------------------------------------------------------------------------------------------

<DL COMPACT>

<DT>А

<DD>Первая буква алфавита

<DT>Б

<DD>Вторая буква алфавита

<DT>В

<DD>Третья буква алфавита

</DL>

-----------------------------------------------------------------------------------------------

Списки могут иметь атрибут type, но в зависимости от списка он может иметь разные параметры. Итак, параметры атрибута type для нумерованного списка: "A" или "a"- вместо цифр список будет нумероваться большими или маленькими латинскими буквами; "I" или "i" - список будет нумероваться большими или маленькими римскими цифрами.

Параметры атрибута type для ненумерованного списка: square - вместо точек будут квадратики; circle - будут незалитые кружочки, наример:

<ol type="I"> приведёт к созданию такого списка:

I. клавиатура;

II. монитор;

III. мышь

а запись <ul type="square">, примерно такого:

▪ клавиатура;

▪ монитор;

▪ мышь