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

 

 

Главная Учебники по HTML и CSS Статьи про Html Шаблоны сайтов Про Хостинг Заработок Продвижение

Практическое руководство по HTML

Практическое руководство по HTML ( Автор- Николай Чувахин) (30.08.2011)

Глава 3. Внутри абзаца

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

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

<BR>

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

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


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

Поскольку символы "<"и ">"воспринимаются браузерами как начало и конец HTML-меток, возникает вопрос:а как показать эти символы на экране? В HTML это делается с помощью &-последовательностей (их еще называют символьными объектами или эскейп-последовательностями).

Браузер показывает на экране символ "<", когда встречает в тексте последовательност &lt; (по первым буквам английских слов less than — меньше, чем). Знак ">"кодируется последовательность &gt; (по первым буквам английских слов greater than — больше, чем). Символ "&"(амперсанд)кодируется последовательность &amp;

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

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

Комментарии

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

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

 

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

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

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

Под физическом стилем принято понимать прямое указание браузеру на модификацию текущего шрифта. Например, все, что находится между меткам <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>

К предыдущей главе| К оглавлению|К следующей главе

 

Николай Чувахин, адрес электронной почты nc@iname.com , сервер Интернет http://www.yi.com/home/ChuvakhinNikolai/ .

 

Сайт создан в системе uCoz