Файл: Основы программирования на языке HTML (СИНТАКСИС HTML-ТЕГОВ ).pdf

2.3 КОДЫ HTML СИМВОЛОВ

Для специальных символов в HTML^[9]-стандартах предусмотрен особый способ кодирования (с помощью escape^[10]-последовательностей или символьных объектов), который позволяет применять эти символы в необходимых позициях документа, не нарушая его структуры (это касается, например, символов <, >и &). Условное обозначение спецсимвола (escape-последовательность) начинается символом &, включает собственно имя спецсимвола и завершается точкой с запятой (например, « у условное обозначение для кавычки). Кроме того, вместо имени символа можно воспользоваться соответствующим ASCII-кодом (например, &#034; у для кавычки).

Следует отметить, что разными браузерами коды и имена специальных символов (escape-последовательности) могут интерпретироваться несколько различным образом. На вид отображаемых символов также влияет выбранный для отображения шрифт и таблица символов (кодировка).

Название

Символ

ASCII

Имя

Табулятор

&#009;

Перевод строки

&#010;

Возврат каретки

&#013;

Пробел

&#032;

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

!

&#033;

Кавычка

«

&#034;

&quot;

Знак решетка

#

&#035;

Доллар

$

&#036;

Процент

%

&#037;

Амперсанд

&

&#038;

&amp;

Апостроф

'

&#039;

Скобка левая круглая

(

&#040;

Скобка правая круглая

)

&#041;

Звездочка

*

&#042;

Плюс

+

&#043;

Запятая

,

&#044;

Минус

-

&#045;

Точка

.

&#046;

Косой штрих

/

&#047;

Цифры

0-9

&#048; -&#057;

Двоеточие

:

&#058;

Точка с запятой

;

&#059;

Меньше

<

&#060;

Равно

=

&#061;

Больше

>

&#062;

Знак вопроса

?

&#063;

Знак обезьянка

@

&#064;

Прописные буквы

A-Z

&#065; -&#090;

Скобка квадратная левая

[

&#091;

Косой штрих с наклоном вправо

\

&#092;

Скобка квадратная правая

]

&#093;

Степень

^

&#094;

Знак подчеркивания

_

&#095;

Ударение

`

&#096;

Строчные буквы

a-z

&#097; -&#122;

Фигурная скобка левая

{

&#123;

Вертикальный штрих

|

&#124;

Фигурная скобка правая

}

&#125;

Тильда

~

&#126;

Запятая

‚

&#130;

Флорин

ѓ

&#131;

Кавычка нижняя правая

&; #132;

&#132;

Многоточие

…

&#133;

Крест

†

&#134;

Двойной крест

‡

&#135;

Крышка

€

&#136;

Промилле

‰

&#137;

Параграф

Љ

&#138;

Символ меньше

<

&#139;

Большое ОЕ

Њ

&#140;

Одинарная кавычка слева

`

&#145;

Одинарная кавычка справа

'

&#146;

Кавычка слева

“

&#147;

Кавычка справа

”

&#148;

Крупная точка

*

&#149;

Короткий дефис

-

&#150;

Длинный дефис

-

&#151;

Тильда

˜

&#152;

Торговый знак

™

&#153;

&reg;

љ

&#154;

Символ больше

>

&#155;

Маленькое ое

њ

&#156;

Большой Y-умлаут

џ

&#159;

Неразрывный пробел

&#160;

&nbsp;

Перевернутый восклицательный знак

Ў

&#161;

&ixcl;

Цент

ў

&#162;

&cent;

Фунт

Ј

&#163;

&pound;

Валюта

¤

&#164;

&curren;

Иена

Ґ

&#165;

&yen;

Прерванный штрих

¦

&#166;

&brvbar;

Параграф/Раздел

§

&#167;

&sect;

Точки умлаута

Ё

&#168;

&uml;

Копирайт

©

&#169;

&copy;

Порядковое числительное женского рода

Є

&#170;

&ordf;

Французская кавычка слева

«

&#171;

&laquo;

Не/Нет

¬

&#172;

&not;

Разрыв в месте переноса

-

&#173;

&shy;

Зарегистрированный торговый знак

®

&#174;

&reg;

Надчеркивание

&#175;

&macr;

Градус

°

&#176;

&deg;

Плюс-минус

±

&#177;

&plusmn;

Вторая степень

І

&#178;

&sup2;

Третья степень

і

&#179;

&sup3;

Маленькое а с ударением

ґ

&#180;

&acuate;

Мю

µ

&#181;

&micro;

Параграф

¶

&#182;

&para;

Средняя точка

·

&#183;

&middot;

Цедиль

ё

&#184;

&cedil;

Первая степень

№

&#185;

&sup1;

Порядковое числительное мужского рода

є

&#186;

&ordm;

Французская кавычка справа

«

&#187;

&raquo;

Дробь ј

ј

&#188;

&frac14;

Дробь Ѕ

Ѕ

&#189;

&frac12;

Дробь ѕ

ѕ

&#190;

&frac34;

Перевернутый вопросительный знак

ї

&#191;

&iquest;

Большая А с ударением

А

&#192;

&Agrave;

Большая А с ударением

Б

&#193;

&Aacute;

Большая А с крышкой

В

&#194;

&Acirc;

Большая А с тильдой

Г

&#195;

&Atilde;

Большая А-умлаут

Д

&#196;

&Auml;

Большая А с кружком

Е

&#197;

&Aring;

Большое АЕ

Ж

&#198;

&AElig;

Большая С цедил

З

&#199;

&Ccedil;

Большая Е с ударением

И

&#200;

&Egrave;

Большая Е с ударением

Й

&#201;

&Eacute;

Большая Е с крышкой

К

&#202;

&Ecirc;

Большая Е-умлаут

Л

&#203;

&Euml;

Большая I с ударением

М

&#204;

&Igrave;

Большая I c крышкой

О

&#206;

&Icirс;

Большая I-умлаут

П

&#207;

&Iuml;

3. ФОРМАТИРОВАНИЕ ТЕКСТА, СИМВОЛОВ

Все теги форматирования символов имеют как открывающий, так и закрывающий компонент и действуют на заключенные между ними текст.

Основным является тег... FONT>, обязательно использующийся с одним или несколькими атрибутами, изменяющими размер, цвет и гарнитуру шрифта:

3.1 ФОРМАТИРОВАНИЕ АБЗАЦЕВ

HTML^[12] тег форматирование символ. Текст выводится в окно браузера слово за словом, при достижении правой границы окна очередное слово автоматически переносится на новую строку. Даже если в коде страницы было введено несколько пробелов или текст записывался с новой строки, при просмотре в браузере эти действия отображены не будут. Поэтому чтобы вывести в тексте ряд последовательных пробелов или несколько пустых строк, приходится применять различные теги.

Тег (от английского break) разрывает текстовый поток и вставляет новую строку без образования нового абзаца. Несколько последовательных тегов интерпретируются как несколько пустых строк. Межстрочный интервал одинарный. Закрывающего компонента тег не имеет, как и атрибутов.

Тег (от английского paragraph) начинает абзац; новый абзац отделяется от предыдущего двойным межстрочным интервалом. Абзац пустым быть не может, то есть несколько последовательных тегов интерпретируются как один.

Закрывающий компонент не обязателен, так как предыдущий абзац заканчивается там, где начинается новый. Тег имеет необязательный атрибут ALIGN, указывающий на вид выравнивания абзаца, который может принимать значения LEFT, CENTER, RIGHT и JUSTIFY, задающие выравнивание соответственно по левому краю, центру, правому краю и по ширине.

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

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

...

упорядоченный (нумерованный) список (от английского ordered list)

...

неупорядоченный (маркированный) список (от английского unordered list)

Каждый элемент упорядоченного или неупорядоченного списка заключается в теги... (от английского list^[13] item). При выводе текста каждый элемент списка будет располагаться с новой строки, обозначенной номером или маркером. Кроме того, у списка может быть заголовок, который задается тегом (от английского listheader). Закрывающие теги и не обязательны.

Многоуровневый список может быть организован посредством комбинации нумерованных и маркированных списков.

Абзацы можно оформить и в виде заголовков уровня (от n=1 до n=6), для этого используют теги вида <Hn>... n>. Заголовок первого уровня выводится наиболее крупным шрифтом.

3.2. РАЗМЕЩЕНИЕ РИСУНКОВ

Изображения, которые демонстрируются браузером при просмотре веб-страницы, хранятся в отдельных файлах формата gif^[14], jpg (jpeg) или png, а в коде страницы делается ссылка на нужный файл.

Рассмотрим подробнее абсолютный^[15] и относительный способы адресации файла.

Адресация в абсолютной форме используется при ссылках на ресурсы, находящиеся на других серверах. Универсальный адрес, определяющий местонахождение информационного ресурса, носит название URL (Uniform Resource Locator^[16] - унифицированный адрес ресурса). URL состоит из двух частей, разделенных двоеточием. Первая часть указывает на тип сетевого протокола, который зависит от типа ресурса. Например, если ресурс располагается на WWW-сервере, это протокол http. Вторая часть включает в себя имя компьютера (сервера) в доменной системе имен и (если требуется) путевое имя файла. При записи путевого имени названия каталогов разделяются прямой косой чертой (символ /), в именах файлов и каталогов различаются прописные и строчные буквы, пробелы не допускаются.

3.3.ГИПЕРССЫЛКИ

Гиперссылкой называют объект (текст, изображение, фрагмент изображения), при щелчке мышью по которому происходит переход к новому документу или фрагменту документа. Именно гиперссылки позволяют организовать переходы между любыми размещенными в сети Интернет документами.

3.4 ТЕКСТОВЫЕ ГИПЕРССЫЛКИ

Связь между HTML-документами и фрагментами документов организуется с помощью тега... (от английского anchor^[17] - якорь).

Тег употребляется как для создания ссылки на другой документ, так и для ссылки на фрагмент документа.