Электронная библиотека книг Александра Фролова и Григория Фролова.
 
Библиотека
Братьев
Фроловых
Электронная библиотека книг Александра Фролова и Григория Фролова.
Библиотека системного программиста
Программирование на JAVA
ПК. Шаг за шагом
Другие книги
Восстановление данных
Антивирусная защита
Статьи для
программистов
Пользователю компьютера

Сервер Web своими руками. Язык HTML, приложения CGI и ISAPI, установка серверов Web для Windows

© Александр Фролов, Григорий Фролов
Том 29, М.: Диалог-МИФИ, 1997, 288 стр.

[Назад] [Содеожание] [Дальше]

Вставка специальных символов и символьных объектов

В языке HTML определены четыре специальных символа, предназначенных для служебных целей. Это символы <, >, & и “. Вы не можете вставлять специальные символы в обычный текст, вместо этого необходимо использовать следующую замену:

Символ

Замена

<

&lt;

>

&gt;

&

&amp;

"

&quot;

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

При необходимости вы можете вставить в документ HTML байт с произвольным шестнадцатеричным кодом. Для этого вы должны включить в текст последовательность символов вида &#XX, где XX - шестнадцатеричное число в диапазоне от 0 до FF.

Символы, которые не входят в таблицу ASCII, могут быть представлены в специальном виде - как символьные объекты (character entities). К сожалению, некоторые редакторы документов HTML, например, редактор Microsoft Internet Assistant for Microsoft Word и Microsoft FrontPage представляет символы кириллицы именно таким образом, что существенно увеличивает объем документов HTML.

Ниже мы привели список символьных объектов. Пользуясь этим списком, вы можете, например, составить программу, которая послужит дополнением для редактора Microsoft Internet Assistant for Microsoft Word и будет выполнять обратную замену символьных объектов на символы кириллицы.

Имя объекта

Символы кириллицы

Латинские символы

Описание соответствующего латинского символа

&Agrave;

А

А

Прописная A, тупое ударение

&Aacute;

Б

Б

Прописная A, сильное ударение

&Acirc;

В

В

Прописная A, диактрическое ударение

&Atilde;

Г

Г

Прописная A, тильда

&Auml;

Д

Д

Прописная A, умляут

&Аring;

Е

Е

Прописная A, звонкое произношение

&Aelig;

Ж

Ж

Прописная AE, дифтонг

&Ccedil;

З

З

Прописная C, седиль

&Egrave;

И

И

Прописная E, тупое ударение

&Eacute;

Й

Й

Прописная E, сильное ударение

&Ecirc;

К

К

Прописная E, диактрическое ударение

&Euml;

Л

Л

Прописная E, умляут

&Iacute;

Н

Н

Прописная I, сильное ударение

&Igrave;

М

М

Прописная I, тупое ударение

&Icirc;

О

О

Прописная I, диактрическое ударение

&Iuml;

П

П

Прописная I, умляут

&ETH;

Р

Р

Прописная Eth

&Ntilde;

С

С

Прописная N, тильда

&Oacute;

У

У

Прописная O, сильное ударение

&Ograve;

Т

Т

Прописная O, тупое ударение

&Aring;

У

У

Прописная A, звонкое произношение

&Ocirc;

Ф

Ф

Прописная O, диактрическое ударение

&Otilde;

Х

Х

Прописная O, тильда

&Ouml;

Ц

Ц

Прописная O, умляут

&Oslash;

Ш

Ш

Прописная O, слэш

&Ugrave;

Щ

Щ

Прописная U, тупое ударение

&Uacute;

Ъ

Ъ

Прописная U, сильное ударение

&Uuml;

Ь

Ь

Прописная U, умляут

&Ucirc;

Ы

Ы

Прописная U, диактрическое ударение

&Yacute;

Э

Э

Прописная Y, сильное ударение

&THORN;

Ю

Ю

Прописная THORN

&szlig;

Я

Я

Строчная немецкая буква s с резким произношением

&agrave;

а

а

Строчная a, тупое ударение

&aacute;

б

б

Строчная a, сильное ударение

&acirc;

в

в

Строчная a, диактрическое ударение

&atilde;

г

г

Строчная a, тильда

&auml;

д

д

Строчная a, умляут

&aring;

е

е

Строчная a, звонкое произношение

&aelig;

ж

ж

Строчная ae, дифтонг

&ccedil;

з

з

Строчная c, седиль

&egrave;

и

и

Строчная e, тупое ударение

&eacute;

й

й

Строчная e, сильное ударение

&ecirc;

к

к

Строчная e, диактрическое ударение

&euml;

л

л

Строчная e, умляут

&iacute;

н

н

Строчная i, сильное ударение

&igrave;

м

м

Строчная i, тупое ударение

&icirc;

о

о

Строчная i, диактрическое ударение

&iuml;

п

п

Строчная i, умляут

&eth;

р

р

Строчная eth

&ntilde;

с

с

Строчная n, тильда

&ograve;

т

т

Строчная o, тупое ударение

&oacute;

у

у

Строчная o, сильное ударение

&ocirc;

ф

ф

Строчная o, диактрическое ударение

&otilde;

х

х

Строчная o, тильда

&ouml;

ц

ц

Строчная o, умляут

&oslash;

ш

ш

Строчная o, слэш

&ugrave;

щ

щ

Строчная u, тупое ударение

&uacute;

ъ

ъ

Строчная u, сильное ударение

&uuml;

ь

ь

Строчная u, умляут

&ucirc;

ы

ы

Строчная u, диактрическое ударение

&yacute;

э

э

Строчная y, сильное ударение

&thorn;

ю

ю

Строчная thorn

&yuml;

я

я

Строчная y, умляут

&reg;

®

®

Зарегистрированная марка TradeMark

&copy;

©

©

Права собственности Copyright

&nbsp;

Неразделяющий пробел

В приведенном выше списке нет букв “Ч” и “ч”. Эти буквы имеют коды, соответственно, &#215; и &#247;.

Выделение параграфа горизонтальной линией

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

Для того чтобы включить в документ HTML горизонтальную разделительную линию, вы должны использовать оператор <HR…>. Этот оператор имеет ряд параметров, определяющих внешний вид линии:

Название параметра

Описание

ALIGN

Параметр ALIGN определяет выравнивание линии. Этот параметр может иметь одно из следующих значений: LEFT (по левой границе), CENTER (центрирование), RIGHT (по правой границе). По умолчанию линия центрируется

COLOR

Цвет разделительной линии. Этот параметр работает только в навигаторе Microsoft Internet Explorer

NOSHADE

Если указан этот параметр, линия изображается плоской, без трехмерного выделения тенями

SIZE

Высота разделительной линии в пикселах

WIDTH

Ширина линии. Может указываться либо в пикселах, либо в процентном отношении от ширины окна. Если используется второй способ, после числа, задающего значение параметра, должен находится символ процента %

В листинге 2.12 мы привели документ HTML, в котором имеются разделительные линии различного вида.

Листинг 2.12. Файл chap2\horzline.htm


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
  <HEAD>
    <TITLE>Горизонтальная разделительная линия</TITLE>
  </HEAD>
  <BODY BGCOLOR=#FFFFFF>
    Эта линия используется по умолчанию
    <HR>
    Линия без трехмерного выделения
    <HR NOSHADE>
    <P>Выравнивание по левой границе
    <HR SIZE=8 WIDTH=50% ALIGN=LEFT COLOR=#FF0000>
    <P>Выравнивание по правой границе
    <HR SIZE=8 WIDTH=50% ALIGN=RIGHT COLOR=#FF0000>
    <P>Центрирование
    <HR SIZE=8 WIDTH=50% ALIGN=CENTER COLOR=#FF0000>
  </BODY>
</HTML>

Первая разделительная линия задается оператором <HR> без параметров. Она выглядит как тонкая линия с трехмерным выделением тенями (рис. 2.13).

Рис. 2.13. Документ HTML, содержащий несколько разных разделительных линий

При размещении второй линии указан параметр NOSHADE, поэтому эта линия не имеет трехмерного выделения.

Далее в документе HTML размещены три линии, которые имеют высоту 8 пикселов, ширину, равную половине ширине окна навигатора, красный цвет и различный тип выравнивания по горизонтали.

Заметим, что параметр COLOR, определяющий цвет линии, работает только в навигаторе Microsoft Internet Explorer. Для пользователей навигатора Netscape Navigator все линии в приведенном выше документе HTML будут черного цвета.

Есть и еще один интересный момент, связанный с использованием параметра COLOR. Линии, для которых указан цвет, автоматически теряют трехмерное выделение в окне навигатора Microsoft Internet Explorer.

Организация списков

Списки встречаются в документах очень часто. Обычно списки бывают нумерованными и ненумерованными (неупорядоченными). В последнем случае каждый элемент списка выделяется каким-либо символом, обычно жирной точкой.

Для создания списков в языке HTML определены операторы LI, UL, OL, MENU и DIR.

Неупорядоченные списки

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


<UL>
  <LI>Первая строка
  <LI>Вторая строка
  <LI>Третья строка
</UL>

Если документ со списком предназначен для просмотра навигатором Netscape Navigator, вы можете добавить в оператор <LI> параметр TYPE. Этот параметр определяет внешний вид символа, который используется для выделения строки в списке, и может иметь следующие значения:

Значение оператора TYPE

Символ, который используется для выделения

DISK

Круглая жирная точка

CIRCLE

Окружность

SQUARE

Маленький черный квадрат

К сожалению, навигатор Microsoft Internet Explorer игнорирует параметры команды LI, используя для выделения только жирную точку.

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

Листинг 2.13. Файл chap2\list.htm


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
  <HEAD>
    <TITLE>Ненумерованные списки</TITLE>
  </HEAD>
  <BODY BGCOLOR=#FFFFFF>
    <UL>
      <LI>Первая строка
      <LI>Вторая строка
      <LI>Третья строка
    </UL>
    <UL>
      <LI TYPE=DISK>Первая строка
      <LI TYPE=CIRCLE>Вторая строка
      <LI TYPE=SQUARE>Третья строка
    </UL>
  </BODY>
</HTML>

Внешний вид этого документа при его просмотре в навигаторе Netscape Navigator показан на рис. 2.14.

Рис. 2.14. Использование неупорядоченных списков

Если просматривать этот документ в навигаторе Microsoft Internet Explorer, то нижний список не будет ничем отличаться от верхнего.

Для создания неупорядоченных списков вы также можете использовать вместо оператора <UL> оператор <MENU> (вместе с оператором </MENU>). Элементы таких списков должны состоять из одиночных строк (наподобие строк меню).

Списки, созданные оператором <MENU>, выглядят более компактно, чем списки, сделанные при помощи оператора <UL>.

Нумерованные списки

Для создания нумерованных списков предназначен оператор <OL>, который необходимо использовать вместе с оператором </OL>. Нумерованный список создается аналогично только что рассмотренному неупорядоченному списку. Каждая строка в списке должна быть отмечена оператором <LI>.

В операторе <OL> можно указывать перечисленные ниже параметры:

Параметр

Описание

START

Начальный номер для списка

TYPE

Тип нумерации:

A заглавными буквами

a прописными буквами

I заглавными римскими цифрами

i прописными римскими цифрами

1 арабскими цифрами

COMPACT

Список должен отображаться компактно с уменьшением расстояния между строками

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

Листинг 2.14. Файл chap2\listol.htm


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
  <HEAD>
    <TITLE>Нумерованные списки</TITLE>
  </HEAD>
  <BODY BGCOLOR=#FFFFFF>
    <OL>
      <LI>Первая строка
      <LI>Вторая строка
      <LI>Третья строка
    </OL>
    <OL TYPE=a>
      <LI>Первая строка
      <LI>Вторая строка
      <LI>Третья строка
    </OL>
  </BODY>
</HTML>

На рис. 2.15 мы привели исходный вид этого документа.

Рис. 2.15. Нумерованные списки

Заметим, что если бы во втором списке был указан параметр START со значением, например, c, строки списка были бы пронумерованы символами c, d и e.

Список каталогов

С помощью команды <DIR> создают списки, состоящие из коротких строк, имеющих длину до 20 символов.

В листинге 2.15 показан документ HTML, в котором присутствует список, созданный с помощью команды <DIR>.

Листинг 2.15. Файл chap2\listdir.htm


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
  <HEAD>
    <TITLE>Ненумерованные списки</TITLE>
  </HEAD>
  <BODY BGCOLOR=#FFFFFF>
    <DIR>
      <LI>Первый;<LI>второй;
      <LI>третий;
      <LI>четвертый;
      <LI>пятый
  </DIR> 
  </BODY>
</HTML>

На рис. 2.16 мы показали внешний вид этого документа при его просмотре в окне навигатора Microsoft Internet Explorer.

Рис. 2.16. Список, созданный с использованием оператора <DIR>

Список определений

Если вам нужно разместить в документе HTML список определений каких либо терминов, то вы можете воспользоваться для этого операторами <DL>, <DT> и <DD>.

Оператор <DL> совместно с оператором </DL> отмечает начало и конец списка определений. Оператором <DT> отмечается строка, содержащая определяемый термин, а оператором <DT> - определение термина.

В листинге 2.16 приведен исходный текст документа HTML, содержащий список определений:

Листинг 2.16. Файл chap2\listdef.htm


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
  <HEAD>
    <TITLE>Ненумерованные списки</TITLE>
  </HEAD>
  <BODY BGCOLOR=#FFFFFF>
    <DL>
      <DT><B>HTTP</B>
        <DD>Протокол передачи гипертекста HyperText
Transfer Protocol, используется для работы с
серверами WWW
      <DT><B>HTML</B>
        <DD>Язык разметки гипертекста HyperText Mark-up Language, 
обеспечивает возможность разметки гипертекста
для его размещения на сервере WWW
    </DL> 
  </BODY>
</HTML>

В этом документе определяемые термины для наглядности дополнительно выделены жирным шрифтом, для чего использован оператор <B>.

Внешний вид получившегося списка определений показан на рис. 2.17.

Рис. 2.17. Список определений терминов

Бегущая строка

С помощью оператора <MARQUEE>, который используется в паре с оператором </MARQUEE>, можно разместить на экране бегущую строку, например:


<MARQUEE>Бегущая строка…Бегущая строка…</MARQUEE>

Бегущая строка может быть использована для привлечения внимания пользователя, однако не злоупотребляйте этой возможностью - неуместная бегущая строка может раздражать пользователя и он покинет вашу страницу, так и не прочитав на ней что-нибудь важное…

[Назад] [Содеожание] [Дальше]


Создание интернет-магазинов: http://www.shop2you.ru/ © Александр Фролов, Григорий Фролов, 1991-2016