HTML - Учебники - Руководство по HTML - Глава 3. Внутри абзаца

Непарные метки

В этом разделе мы поговорим о метках, которые не подчиняются двум основным правилам HTML: все они непарные, а некоторые (так называемые &-последовательности) к тому же должны вводиться только маленькими буквами.

<BR>

Эта метка используется, если необходимо перейти на новую строку, не прерывая абзаца. Очень удобно при публикации стихов 


<html> 
<head> 
<title>Пример 3</title> 
</head> 
<body> 
<H1>Стих</H1> 
<H2>Автор неизвестен</H2> 
<P>Однажды в студеную зимнюю пору<BR> 
Сижу за решеткой в темнице сырой.<BR> 
Гляжу - поднимается медленно в гору<BR> 
Вскормленный в неволе орел молодой.</P> 
<P>И шествуя важно, в спокойствии чинном,<BR> 
Мой грустный товарищ, махая крылом,<BR> 
В больших сапогах, в полушубке овчинном,<BR> 
Кровавую пищу клюет под окном.</P> 
</body> </html>

<HR>

Метка <HR> описывает вот такую горизонтальную линию:

Метка может дополнительно включать атрибуты SIZE (определяет толщину линии в пикселах) и/или WIDTH (определяет размах линии в процентах от ширины экрана). В примере 4 приведена небольшая коллекция горизонтальных линий. 


<html> 
<head> 
<title>Пример 4</title> 
</head> 
<body> 
<H1>Коллекция горизонтальных линий</H1> 
<HR SIZE=2 WIDTH=100%><BR> 
<HR SIZE=4 WIDTH=50%><BR> 
<HR SIZE=8 WIDTH=25%><BR> 
<HR SIZE=16 WIDTH=12%><BR> 
</body> 
</html>

&-последовательности

Поскольку символы "<" и ">" воспринимаются браузерами как начало и конец HTML-меток, возникает вопрос: а как показать эти символы на экране? В HTML это делается с помощью &-последовательностей (их еще называют символьными объектами или эскейп-последовательностями). Браузер показывает на экране символ "<", когда встречает в тексте последовательность &lt; (по первым буквам английских слов less than — меньше, чем). Знак ">" кодируется последовательностью &gt; (по первым буквам английских слов greater than — больше, чем).

Символ "&" (амперсанд) кодируется последовательностью &amp;

Двойные кавычки (") кодируются последовательностью &quot;

Помните: точка с запятой — обязательный элемент &-последовательности. Кроме того, все буквы, составляющие последовательность, должны быть в нижнем регистре (т.е., маленькие). Использование меток типа &QUOT; или &AMP; не допускается.

Вообще говоря, &-последовательности определены для всех символов из второй половины ASCII-таблицы (куда, естественно, входят и русские буквы). Дело в том, что некоторые серверы не поддерживают восьмибитную передачу данных, и поэтому могут передавать символы с ASCII-кодами выше 127 только в виде &-последовательностей.

Комментарии

Браузеры игнорируют любой текст, помещенный между <!-- и --> . Это удобно для размещения комментариев. 


<!-- Это комментарий -->

Форматирование шрифта

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

Физические стили

Под физическом стилем принято понимать прямое указание браузеру на модификацию текущего шрифта. Например, все, что находится между метками <B> и </B> , будет написано жирным шрифтом . Текст между метками <I> и </I> будет написан наклонным шрифтом .

Несколько особняком стоит пара меток <TT> и </TT> . Текст, размещенный между этими метками, будет написан шрифтом, имитирующим пишущую машинку , то есть имеющим фиксированную ширину символа.

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

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

<EM> ... </EM>

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

<STRONG> ... </STRONG>

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

<CODE> ... </CODE>

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

<SAMP> ... </SAMP>

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

<KBD> ... </KBD>

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

<VAR> ... </VAR>

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

Пример

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


<html> 
<head> 
<title>Пример 5</title> 
</head> 
<body> 
<H1>Шрифтовое выделение фрагментов текста</H1> 
<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> 
</body> 
</html>
Copyright © 2006-09.