HTML — язык разметки гипертекста

HTML — Hypertext Markup language формулируется в терми­нах языка SGML. Например, документ как целое в DTD задает­ся декларацией:

<! ELEMENT HTML ((HEAD | BODY | %oldstyle)*,

PLAINTEXT?)>.

HTML ориентирован на решение нескольких важных задач, в которых участвуют его различные конструкции и элементы:

• описание структуры документа (head, body, HI—Н6, шрифты, списки и пр.);

• адресация ресурсов (base, link, href и пр.);

• создание гипертекстовых ссылок и управление навигацией в БД локальных и WWW Internet (href и т. п.);

• реализация интерфейсов с пользователем (isindex, menu, FORM и пр.).

Рассмотрим здесь только некоторые функции представления документов (см. также табл. 2.1). Функции навигации и интер­фейсов будут детализированы далее (гл. 6).

Базовые элементы HTML-документа:

• head — содержит всю информацию о документе в целом, но не содержит какого-либо текста. Последний является лишь частью документа и должен находиться в элементе body. Декларации SGML:

<! ELEMENT HEAD (%head.content) + (%head.misc)>

<! ENTITY % head.content " TITLE & ISINDEX? & BASE? " >

• body — в противоположность элементу HEAD элемент body содержит всю ту информацию, из которой собственно и состоит рассматриваемый документ. Декларация SGML:

<! ELEMENT BODY (%bodyelement | %htext;)*>.

Приведем некоторые элементы HTML, относящиеся к пред­ставлению документа. 1.Заголовки разд ел о в документа.

SGML-декларация:

<! ENTITY % heading " HI|Н2|НЗ|Н4|Н5|Н6" >.

Возможная интерпретация:

H1 — жирный, очень крупный шрифт, текст центрирован Между заголовком и последующим текстом вставляется одна или две пустые строки. При выводе на принтер заголовок печа­тается на новой странице;

Н2 — жирный крупный шрифт, до и после заголовка поме­щаются одна или две пустые строки;

НЗ — наклонный крупный шрифт, до и после заголовка по­мещаются одна или две пустые строки. Печатается с небольшим отступом;

Н4 — жирный нормальный шрифт, до и после заголовка по­мещается пустая строка;

Н5 — наклонный шрифт, как и для Н4, пустая строка ставит­ся перед заголовком;

Н6 — жирный шрифт, перед заголовком ставится пустая строка.

2 Физические (макетные) стили.

SGML-декларация:

<! ENTITY % font " TT|I|B|U|STRIKE|BIG|SMALL|SUB|SUP" >.

Возможная интерпретация:

тт — (телетайп) шрифт фиксированной ширины;

В — жирный или еще каким-либо образом выделенный шрифт;

I — наклонный шрифт (или видоизмененный еще каким-либообразом);

U — подчеркивание.

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

SGML-декларация:

<! ENTITY % phrase " EM|STRONG IDFN|CODE|SAMP IKBD|VARI

CITE" >.

Интерпретация:

em — выделение символов (обычно наклон шрифта), смы­словое усиление определенного слова или фразы;

strong — более четкое выделение, привлечение внимания (обычно применение более жирного шрифта);

СОDE — пример кода; обычно фиксированный шрифт (фор­мулы, выражения);

samp — последовательность символов (названия команд,

примеры);

_VAR — имя переменной (имена переменных в примерах, формулах);

_DFN — определение к какому-либо термину — обычно жир­ный наклонный;

_СIТЕ — цитата, обычно наклонный шрифт (названия доку­ментов, выдержки из документов, цитируемые фразы и т. д.)

Рассмотрим пример документа с разметкой HTML, содержа­щий приведенные выше элементы управления стилем символов текста:

< HTML>

< TITLE> Примеры управления шрифтами< /TITLE>

< Н1> Заголовок 1 < /Н1>

< Н2> Заголовок 2 < /Н2>

< Ь> Это текст Bold < /b> < p>

< i> Это текст Italic< /ixp>

< u> Это подчеркнутый текст < /и> < р>

< strike> Это перечеркнутый текст < /strike>

< р> В обычный текст можно вставить < sub> подстрочный

< /sub> текст, что позволяет написать выражение типа

P< sub> max< /sub> =max{P< sub> K/sub>, P< sub> 2< /sub> }

< р> В обычный текст можно вставить < sup>

надстрочный< /зир> текст, что позволяет написать

обозначение изотопа в виде Cs< sup> 134< /sup>

< /HTML>

Пример отображения этого текста браузером Mozilla FireFox представлен на рис 2.6.

Некоторые дополнительные возможности. Списки. В HTML

предусмотрены следующие виды списков:

• UL — ненумерованный список (неупорядоченный);

• ol — нумерованный список (упорядоченный);

• DL — список определений. Типичный неупорядоченный список:

< UL>

^< LH> Titlе of WWW programmes (NCSA).

^< LI> NCSA HTTPD;

^< LI> NCSA MOSAIC

< UL>

< LH> Title of WWW programmes (CERN).

< LI> CERN HTTPD;

< LI> AGORA - email robot;

< LI> HTTPD CERN;

< LI> WWW Line Browser;

< LI> Arena.

< /UL>

< UL>

< LH> Title of WWW programmes (Netscape).

< LI> Netsite - server;

< LI> Netscape Navigator.

< /UL>

Пример интерпретации данного списка приведен на рис. 2.7- Таблицы. Для описания таблиц служит элемент TABLE, кото­рый является контейнером для других элементов описания таб­лицы. Наиболее часто он употребляется с атрибутом BORDER, определяющим разделительные линии граф таблицы, которые могут быть либо трехмерными (рис. 2, 8), либо обычными.

Из элементов формы следует отметить colspec и dp. COLSPEC позволяет заказать параметры отображения каждой колонки таблицы и имеет вид:

COLSPEC=" L20 C8 L40"

Здесь определены три колонки шириной 20, 8 и 40 условных единиц которые могут измеряться в пикселях и типографских интервалах или зависеть от размеров самой таблицы. Атрибут dp определяет вид десятичной точки.

Элемент TR (Table Row) дает общее описание строки таблицу Обычно используется для выравнивания содержания граф строки. Способ выравнивания определяют: атрибут align — горизонталь­ное выравнивание, который принимает значения left, right center, justify, decimal, и атрибут VALIGN — вертикальное вы­равнивание, который принимает значения top, bottom, middle baseline. По умолчанию графы – заголовки центрируются, а графы – данные выравниваются по левому верхнему углу.

Элементы ТН (Table Header) и TD (Table Data) использу­ются для описания граф таблицы. Кроме выравнивания тн и то позволяют еще и объединять графы, как это показано в примере (третья строка из текстового примера, см. ниже). Это делается с помощью атрибутов rowspan (пропуск строки) и colspan (про­пуск столбца). Цифра в этих атрибутах определяет количество последовательно расположенных граф таблицы, объединенных в одну графу.

Приведем пример таблицы (интерпретация отображена на рис. 2.8):

< TABLE BORDER>

< CAPTION> A test table with merged

cells. < CREDIT> (T.Berners

Lee/WWWC, 1995.) < /CREDITX> < /CAPTION>

< TR> < TH R0WSPAN=2> < TH C0LSPAN=2> Average>

< TH rowspan=2> other< BR> category< TH ROWSPAN=2> Misc< /TR>

< TR> < TH> height< TH> weight< /TR>

< TR> < TH ALIGN=left> males< TD> l. 9< TD> 0. 003

< TR> < TH ALIGN=left> females< TD> 1.7< TD> 0.002

< /TABLE>

Математика. Для реализации математических выражений в языке определен элемент MATH, внутри которого содержатся следующие компоненты:

• above (запись символа над выражением);

• below (запись символа под выражением);

• sqrt, root (радикалы);

• text (для записи текста);

• в, Т, ВТ (выделение символов);

• OVER (черта) и пр.

На пример, запись < root> 3< of> 1+x< /ROOT> соответствует .