|
Б.
Морис. HTML в действии Приложение
Иллюстрированный справочник по HTML
Язык разметки
гипертекста HTML состоит из набора элементов, предназначенных
для описания структуры документа и управления его
отображением. Это приложение представляет собой руководство по
HTML, в котором перечисляются почти все элементы языка и
дается краткое описание каждого тега с примерами
использования.
Имейте в виду, что HTML находится в процессе развития, и
различные web-броузеры поддерживают разные наборы его команд.
Так, броузер Netscape использует расширенный набор кодов HTML.
Эти коды можно найти в справочнике под заголовком
«Расширения Netscape».
Элементы разметки HTML
можно разделить на два вида: теги разметки и символьные
объекты. Теги разметки определяют элементы документа, которые
должны иметь особое визуальное представление. Символьные
объекты задают использованные в документе специальные знаки.
Справочник разбит на три раздела. В первом описаны все
стандартные и расширенные теги. Во втором - специальные теги
разметки, используемые при создании интерактивных HTML-форм.
Третий раздел посвящен символьным объектам. Внутри каждого
раздела элементы упорядочены в алфавитном порядке их
английских наименований. Это значит, например, что тег якоря
<A> нужно искать перед тегом адреса <ADDRESS>.
Универсальный указатель ресурса
Универсальный
указатель ресурса URL (Uniform Resource Locator) не является
тегом, а представляет собой стандартный метод введения в
HTML-документ информации о гиперссылках. Структура URL может
быть представлена следующим образом:
тип_ресурса://хост.домен:порт/имя_ресурса
где возможные
типы ресурса соответствуют различным источникам информации и
службам Internet. Среди них - file, http, news, gopher,
telnet, ftp, wais и др. Для разных ресурсов имя ресурса
интерпретируется по-разному. Обратите внимание, что каждому
типу ресурсов соответствует свой тип сервера. Сочетание
хост.домен определяет адрес сервера в сети Internet. После
имени домена может стоять двоеточие и целое число,
определяющее номер порта TCP. Это используется в том случае,
если сервер принимает информацию через нестандартный порт.
Если номер порта опущен, используется стандартный порт. В
большинстве URL указывать номер порта не нужно.
Например, указатель на домашнюю страницу Национального
центра суперкомпьютерных приложений (National Center for
Supercomputing Applications) Иллинойского университета, в
котором был создан web-броузер Mosaic, выглядит следующим
образом:
http://www.ncsa.uiuc.edu/SDG/Software/Mosaic/NCSAMosaic.html
Указатель на локальную домашнюю страницу, расположенную в
каталоге http на диске C: выглядит
так:
file:///c:/http/home.html
Обратите внимание, что в этом URL нет данных о сетевом
адресе, поскольку файл расположен на локальном компьютере. В
этом случае сразу за двумя дробными чертами, открывающими
секцию сетевого адреса, расположена еще одна, обозначающая
начало имени ресурса, которое включает в себя полный путь к
файлу.
Теги разметки
Тег разметки HTML в общем случае
имеет имя, атрибуты и текст (или гиперссылку). Каждый тег
имеет индивидуальное имя и заключается в угловые скобки -
символы «меньше» (<) и «больше» (>). Регистр букв в
именах тегов не различается, так что, например, команды <DL
COMPACT> и <dl compact> равнозначны. Для легкости
чтения все теги в этой книге набраны заглавными буквами.
Теги, в зависимости от их типа, могут иметь один из трех
форматов:
<имя_тега>
<имя_тега>…</имя_тега>
<имя_тега
имя_атрибута="аргумент">…</имя_тега>
Первый формат используется для непарных тегов, которые
действуют на последующую информацию. Например, тег <DD>
определяет, что следующий за ним элемент является описанием
термина в списке определений.
Во втором варианте используются два тега - открывающий и
завершающий. Они ограничивают элемент документа, который может
представлять собой отрывок текста, изображение, другие команды
HTML - все, что угодно. Например, последовательность
<TITLE> Моя домашняя страница
</TITLE>
задает название документа.
Последний вариант формата также ограничивает некий элемент
документа, но в нем определяются дополнительные атрибуты тега.
Сами атрибуты могут быть двух форматов. В первом из них
присутствует только имя атрибута:
<имя_тега
имя_атрибута>
Например, тег <DL COMPACT> открывает список
определений в компактной форме, что определяется присутствием
атрибута COMPACT.
Во втором формате должно быть указано значение (аргумент)
атрибута:
<имя_тега имя_атрибута="аргумент">
К примеру, тег якоря <A NAME="Tag1"> служит для
создания в документе метки и присвоения ей имени "Tag1".
Текстовые аргументы, как правило, должны быть заключены в
двойные кавычки, числовые значения можно вводить без кавычек.
Однако большинство web-броузеров спокойно относится к кавычкам
вокруг любых аргументов, так что можете смело их ставить
везде, даже если это и не обязательно.
Поскольку HTML находится в процессе развития, не во всех
документах используются описанные здесь теги, и не везде точно
соблюдается их синтаксис. Кроме того, некоторые HTTP-серверы и
web-броузеры не поддерживают полный набор тегов. В частности,
для сохранения совместимости со старыми версиями
HTML-документов теги <HTML>, <HEAD> и <BODY>
являются необязательными. Приведенные здесь примеры помогут
вам получить представление об использовании стандартных
HTML-тегов и их действии.
Тег якоря
<A>…</A>
Назначение
Определяет якорь. Якорь представляет
собой либо исходную точку гиперссылки, либо ее точку
назначения.
Синтаксис
<A NAME="имя_якоря" |
HREF="[URL|#имя_якоря|
URL?критерий_запроса+критерий_запроса]"
[REF="отношение"
|REV="отношение"
|
TITLE="название_связанного_документа" ]
>Гипертекст</A>
Атрибуты и их аргументы
Тег якоря имеет два
основных атрибута: HREF и NAME. Один из них обязательно должен
быть определен, но могут присутствовать и оба.
NAME="имя_якоря"
"Имя_якоря" идентифицирует точку
назначения перехода (метку). На эту метку могут ссылаться
другие теги якоря, при этом "имя_якоря" должно являться в них
частью аргумента атрибута HREF.
HREF="#имя_якоря"
Устанавливает гиперссылку на метку
внутри того же документа.
HREF="URL"
Определяет ссылку на другой файл или ресурс.
HREF="URL#имя_якоря"
Определяет ссылку на конкретную
метку в другом документе.
HREF="URL?критерий_запроса+критерий_запроса"
Посылает на
сервер запрос для поиска информации. Различные серверы могут
по-разному интерпретировать критерий запроса. Для пословных
средств поиска могут определяться несколько ключевых слов,
разделенных знаком «плюс» (+).
В теге якоря могут использоваться еще три необязательных
атрибута: REV, REF и TITLE, однако они не получили широкого
распространения.
REF="отношение"
Определяет отношение между текущим
документом и документом, на который указывает атрибут HREF.
Возможны следующие значения: [«next» | «previous» | «parent» |
«made»] (соответственно «следующий», «предыдущий», «предок»,
«создан»).
REV="отношение"
Определяет отношение между документом,
определенным в атрибуте HREF и текущим документом, то есть
обратное тому, которое указывается с помощью атрибута REF.
Возможны следующие значения отношения: ["next" | "previous" |
"parent" | "made"] (соответственно «следующий», «предыдущий»,
«предок», «создан»).
TITLE="название_связанного_документа"
Определяет
название документа, на который указывает атрибут HREF. Этот
атрибут игнорируется большинством существующих броузеров. Его
полезно применять в ссылках на такие документы, которые не
имеют собственного название. К ним относится, например, меню
Gopher. При использовании этого атрибута название меню
отобразится в окне броузера.
Примеры
Ссылка на страницу, расположенную на
удаленном узле Приведенный ниже тег содержит атрибут HREF,
указывающий на домашнюю страницу компании Ventana
Media.
<A HREF="http://www.vmedia.com/">Ventana Media
Online</A>
Ссылка на локальный файл
Атрибут HREF указывает на
локальный файл product.zip, расположенный в каталоге
files.
<A HREF="/files/product.zip">Список
продуктов</A>
Внутристраничная ссылка
Приведенный ниже тег
обеспечивает переход к якорю назначения под названием
"end".
<A HREF="#end">Переход к выводам</A>
Чтобы такой переход был возможен, в документе должен
присутствовать якорь со значением атрибута NAME, равным
«end»:
Ссылка на заданную метку другого документа
Атрибут HREF
в дополнение к имени документа назначения (order.html) должен
содержать имя метки внутри него (feedback).
<A
HREF="order.html#feedback">Сделать заказ</A>
Чтобы такой переход был возможен, должен существовать
документ order.html, а в нем должен присутствовать якорь со
значением атрибута NAME, равным «feedback»:
<A
NAME="feedback"></A>
См. также
LINK, URL, IMG и FORM
Тег
адреса
<ADDRESS>…</ADDRESS>
Назначение
Определяет подпись или адрес. Этот тег
используется, как правило, в начале или в конце страницы для
выделения имени, адреса или другой информации об авторе
документа.
Синтаксис
<ADDRESS>Подпись</ADDRESS>
Атрибуты и их аргументы
Нет.
Пример
В приведенном ниже примере имя автора
документа и его адрес электронной почты располагаются на двух
отдельных строчках.
<ADDRESS> Brent Heslop
<BR>
bheslop@isdn.bookware.com </ADDRESS>
См. также
BLOCKQUOTE, BODY, BR и FORM
Тег полужирного
начертания
<B>…</B>
Назначение
Текст, заключенный между открывающим и
завершающим тегами, отображается полужирным шрифтом.
Предпочтительней использовать для этого тег <STRONG>.
Синтаксис
<B>Текст</B>
Атрибуты и их аргументы
Нет.
Примеры
Текст между тегами будет выделен
полужирным шрифтом.
<B>Ventana Online</B>
См. также
EM, I, STRONG и TT
Тег базового пути
<BASE>
Назначение
Задает полный путь к ресурсам и
используется для преобразования относительного пути,
указанного в ссылке, в абсолютный.
Синтаксис
<BASE HREF="URL">
Атрибуты и их аргументы
Тег базового пути имеет
один обязательный атрибут HREF.
HREF="URL"
Определяет
ссылку на другой сервер или систему.
Примеры
Указатель на удаленный сервер или систему
Как правило, указатели в ссылках на локальные документы
используют относительную адресацию. Это удобно, поскольку если
перенести документ и связанные с ним файлы в другой каталог,
локальные ссылки не перестанут работать. Однако, если сервер
не сможет найти назначение ссылки, тег <BASE> укажет ему
полный путь к местоположению файлов. Например, приведенный
ниже атрибут HREF указывает на подкаталог FILES сервера
компании Ventana.
<BASE HREF="http://www.vmedia.com/files">
Если указанный в ссылке с относительной адресацией файл не
будет найден на локальном сервере, этот путь будет
использоваться в качестве базового. Например, тег якоря,
указывающий на локальный файл product.zip, может выглядеть
следующим образом:
<A HREF="product.zip">Список
продуктов</A>
Сначала сервер будет искать этот файл в текущем каталоге,
содержащем документы. Если файл не будет найден, сервер
соединит URL, указанный в якоре, и базовый путь. В результате
этого полный URL будет выглядеть следующим
образом:
http://www.vmedia.com/files/product.zip
См. также
A и HEAD
Тег основного шрифта (Расширение
Netscape)
<BASEFONT>…</BASEFONT>
Назначение
Определяет размер основного шрифта в
документе. Все последующие изменения шрифта производятся
относительно этого размера. Netscape не требует наличия
завершающего тега </BASEFONT>, однако не запрещает его
использовать. Если имеется завершающий тег, установка
основного шрифта влияет только на текст, заключенный между
тегами. Если конечный тег отсутствует, установка действует до
конца документа.
Синтаксис
<BASEFONT
SIZE=число>Текст</BASEFONT>
Атрибуты и их
аргументы
SIZE=число
Устанавливает размер основного
шрифта для просмотра текста. Значение аргумента должно лежать
в диапазоне от 1 до 7; по умолчанию принято 3.
Пример
Текст между открывающим и завершающим
тегами будет немного крупнее, чем обычно.
<BASEFONT
SIZE=4><P>Здесь шрифт более крупный, чтобы его было
легче прочесть.</P></BASEFONT>
См. также
FONT
Тег мерцания текста (Расширение
Netscape)
<BLINK>…</BLINK>
Назначение
Текст, заключенный внутри пары тегов,
будет при просмотре мерцать.
Синтаксис
<BLINK>Текст</BLINK>
Атрибуты и их аргументы
Нет.
Пример
Текст между открывающим и завершающим
тегами <BLINK>, будет отображаться тем же шрифтом, что и
остальной текст, но с мерцанием.
<P>Часть этого предложения выделена
<BLINK>мерцающим текстом
</BLINK> для
привлечения внимания.</P>
См. также
EM, STRONG, I и B
Тег выделенной
цитаты
<BLOCKQUOTE>…</BLOCKQUOTE>
Назначение
Служит для выделения блока текста,
цитируемого из другого источника.
Синтаксис
<BLOCKQUOTE>Абзац
текста</BLOCKQUOTE>
Атрибуты и их аргументы
Нет.
Примеры
Эта цитата будет отображаться в виде
сдвинутого вправо абзаца с одинарным межстрочным интервалом,
отделенного от остального текста пустыми строками.
<BODY>В последних пресс-релизах вы найдете информацию
о новых продуктах компании Canyon
software.
<BLOCKQUOTE><I>Drag And
Zip</I>, встроенный менеджер архивов пакета Drag And
File, может работать совместно с программами просмотра World
Wide Web, включая Mosaic и Netscape. Drag And Zip поддерживает
архивы в формате PKZIP, LHA и GZIP и имеет
встроенные
антивирусные средства.
</BLOCKQUOTE></BODY>
См. также
BODY, P и PRE
Тег «тела»
документа
<BODY>…</BODY>
Назначение
Определяет ту часть документа, в
которой находится его основное содержание, в отличие от
области заголовка (HEAD).
Синтаксис
<BODY>Текст документа, включая
другие HTML-теги</BODY>
Атрибуты и их аргументы
Нет.
Примеры
Тег <BODY> ограничивает
отображаемые элементы документа. Например,
<BODY>Это
небольшой текст, составляющий тело документа. Он будет
отображен как единый абзац.
</BODY>
Расширения Netscape
Синтаксис <BODY [BACKGROUND="URL_изображения"
BGCOLOR="#rrggbb" TEXT="#rrggbb" LINK="#rrggbb"
VLINK="#rrggbb" ALINK="#rrggbb"] >
Атрибуты и их
аргументы
BACKGROUND="URL_изображения"
Определяет
URL, указывающий на изображение, которое будет использовано в
качестве фона документа. Изображение выкладывается «мозаикой»
и покрывает всю поверхность окна просмотра.
BGCOLOR="#rrggbb"
Позволяет указать цвет фона окна
просмотра. Аргумент «#rrggbb» - набор из трех
шестнадцатеричных чисел, определяющих красную (Red), зеленую
(Green) и синюю (Blue) составляющие выбранного цвета.
TEXT="#rrggbb"
Позволяет указать цвет текста документа.
Аргумент «#rrggbb» представляет собой шестнадцатеричные
значения RGB-составляющих выбранного цвета.
LINK="#rrggbb"
Позволяет указать цвет гиперссылок.
Аргумент «#rrggbb» представляет собой шестнадцатеричные
значения RGB-составляющих выбранного цвета. По умолчанию
используется синий цвет (#0000FF).
VLINK="#rrggbb"
Позволяет указать цвет, которым будут
выделяться уже использованные гиперссылки. Аргумент «#rrggbb»
представляет собой шестнадцатеричные значения RGB-составляющих
выбранного цвета. По умолчанию используется пурпурный цвет
(#FF00FF).
ALINK="#rrggbb"
Позволяет указать цвет, которым будет
выделяться выбранная гиперссылка. Аргумент «#rrggbb»
представляет собой шестнадцатеричные значения RGB-составляющих
выбранного цвета. По умолчанию используется красный цвет
(#FF0000).
См. также
HEAD и HTML
Тег перевода каретки
<BR>
Назначение
В месте размещения этого тега
произойдет переход на новую строку, стиль отображения не
изменится.
Синтаксис
<BR>
Атрибуты и их аргументы
Нет.
Примеры
Имя автора документа и его адрес
электронной почты будут расположены на двух отдельных строках.
Тег перевода каретки задает переход на новую строку сразу
после имени автора, но форматирование, определенное тегом
ADDRESS, сохраняется и для адреса электронной почты.
<ADDRESS> Brent Heslop <BR>
bheslop@bookware.com
</ADDRESS>
Расширения Netscape
Синтаксис
<BR [CLEAR="ключевое_слово"] >
Атрибуты и их
аргументы
CLEAR="ключевое_слово"
Позволяет указать,
каким образом переходить на новую строку при наличии
изображения, окруженного текстом. Атрибут CLEAR определяет,
учитывать ли при этом размещение изображения. Возможные
ключевые слова - ["left" | "right" | "all"]. Значение
CLEAR="left" начинает новую строку там, где свободно левое
поле страницы. CLEAR="right" начинает новую строку там, где
свободно правое поле страницы. CLEAR="all" начинает новую
строку там, где изображения не закрывают ни левой, ни правой
границы окна просмотра.
См. также
P и PRE
Тег центрирования (Расширение
Netscape)
<CENTER>…</CENTER>
Назначение
Размещает ограниченный парой тегов
текст по центру страницы.
Синтаксис
<CENTER>Текст</CENTER>
Атрибуты и их аргументы
Нет.
Пример
При просмотре приведенного ниже фрагмента
строка будет отцентрирована.
<CENTER>Этот текст будет
выровнен по центру.</CENTER>
См. также
IMG и TABLE
Тег библиографической
ссылки
<CITE>…</CITE>
Назначение
Определяет стиль символов для
выделения в тексте источника информации. Как правило,
выделяется курсивом или подчеркиванием.
Синтаксис
<CITE>Источник
информации</CITE>
Атрибуты и их аргументы
Нет.
Пример
Ниже приводится типичная литературная
ссылка, которая может встретиться в
документе:
<CITE>Вильям Шекспир: Юлий Цезарь. Перевод
с английского Мих. Зенкевича. - В. Шекспир. Комедии, хроники,
трагедии. М.
Художественная литература, 1989, т.
1.</CITE>
См. также
B, EM, IT, STRONG и TT
Тег исходного кода
программ
<CODE>…</CODE>
Назначение
Ограничивает текст, который при
просмотре должен отображаться как программный код. Как
правило, такой текст выводится шрифтом с фиксированной шириной
символов.
Синтаксис
<CODE>код программы</CODE>
Атрибуты и их аргументы
Нет.
Пример
Этот отрывок текста программы выделен
соответствующим стилем.
<CODE>class CErectorView :
public CView</CODE>
См. также
PRE и TT
Тег
определения
<DFN>…</DFN>
Не
поддерживается HoTMetaL PRO
Назначение
Выделяет термин в тексте абзаца, где
ему дается определение. Действует так же, как тег
<STRONG>. Тег <DFN> появился недавно и может
поддерживаться не всеми web-броузерами.
Синтаксис
<DFN>Текст</DFN>
Атрибуты и их аргументы
Нет.
Пример
В этом абзаце выделен один
термин.
<P>В Windows
<DFN>ресурсы</DFN> - это элементы интерфейса,
такие как меню, значки, диалоговые окна и т. д.,
которые
используются для взаимодействия с
пользователем.</P>
См. также
VAR, STRONG, DL, B, I и U
Тег списка
каталогов
<DIR>…</DIR>
Назначение
Определяет список каталогов (directory
list). Это неупорядоченный список, состоящий из элементов,
выделенных тегами <LI> (List Item). Элементы списка
должны иметь длину не более 24 символов. Предназначен для
создания небольшого компактного списка. Web-броузеры обычно
игнорируют ограничение на длину элементов, однако несоблюдение
этого требования может привести к непредсказуемым результатам.
Списки каталогов не могут быть вложенными.
Сопутствующий
тег: Тег элемента списка
<LI>…
Назначение
Определяет элемент списка. Заметьте,
что этот тег не должен использоваться вне пары тегов списка,
поскольку в этом случае результат отображения документа
непредсказуем. Этот элемент не имеет завершающего тега.
Синтаксис
<DIR><LI>Элемент_списка</DIR>
Атрибуты и их аргументы
Нет.
Пример
Этот список каталогов состоит из трех
элементов.
<DIR> <LI>Первый
элемент<LI>Второй элемент<LI>И так далее...
См. также
DL, MENU, OL и UL
Тег списка
определений
<DL>…</DL>
Назначение
Служит для создания похожего на
словарь списка, состоящего из терминов и их описаний. Список
определений (definition list) представляет собой
неупорядоченный список, который включает в себя элементы
<DT>, определяющих названия терминов, и соответствующие
им элементы <DD>, содержащие описания терминов. Эти теги
должны всегда располагаться парами, они вместе составляют один
элемент списка.
Сопутствующий тег: Тег
термина
<DT>…
Назначение
Выделяет термин (Definition Term),
который должен быть описан в списке определений. Этот тег не
должен использоваться вне списка определений, в противном
случае результат отображения документа непредсказуем. Кроме
того, этот элемент не имеет завершающего тега. За ним должен
следовать тег описания термина.
Сопутствующий тег: Тег
описания термина
<DD>…
Назначение
Выделяет описание (Definition
Description) предшествующего термина в списке определений.
Этот тег не должен использоваться вне списка определений, в
противном случае результат отображения документа
непредсказуем. Кроме того, этот элемент не имеет завершающего
тега. Он должен следовать после тега термина.
Синтаксис
<DL [COMPACT]>
<DT>Термин<DD>Описание_термина</DL>
Атрибуты и их аргументы
У списка определений
имеется один необязательный атрибут:
COMPACT
Этот
атрибут указывает на то, что при отображении списка
определений или словаря должен использоваться минимальный
сдвиг элементов вправо и минимальное межстрочное расстояние.
Пример
Ниже приводится пример списка определений,
состоящего из двух элементов.
<DL> <DT>Первый термин<DD>Определение
первого термина
<DT>Второй
термин<DD>Определение второго термина</DL>
Можно задать более компактное отображение этого же
списка:
<DL COMPACT> <DT>Первый
термин<DD>Определение первого термина<DT>Второй
термин<DD>Определение второго термина
</DL>
См. также
DIR, MENU, OL и UL
Тег выделения (логического
ударения)
<EM>…</EM>
Назначение
Отрывок текста, заключенный внутри
пары этих тегов, будет особым образом выделен. В зависимости
от установок броузера он выделяется подчеркиванием или
курсивом. Смысл заключается в том, чтобы ограниченный тегами
EM (Emphasis) текст визуально выделялся на фоне обычного
текста абзаца.
Синтаксис
<EM>Текст</EM>
Атрибуты и их аргументы
Нет.
Примеры
Следующий элемент разметки служит для
выделения текста (как правило, курсивом).
<EM>Ventana
Media Online</EM>
См. также
BOLD, I, STRONG и TT
Тег шрифта (Расширение
Netscape)
<FONT>…</ FONT>
Назначение
Изменяет размер шрифта, которым
выводится ограниченный этой парой тегов текст, относительно
размера, установленного командой <BASEFONT> (или
относительно размера по умолчанию, если тег <BASEFONT> в
документе еще не встречался).
Синтаксис
<FONT
SIZE=число>Текст</FONT>
Атрибуты и их
аргументы
SIZE=число
Устанавливает размер шрифта для
текста, расположенного внутри пары тегов. Аргумент может быть
целым числом от 1 до 7. Перед ним могут стоять знаки "+» или
"-», в этом случае производится относительное изменение
размера базового шрифта. По умолчанию базовому размеру
соответствует значение 3.
Пример
Текст в этом примере будет немного больше,
чем текущий базовый шрифт.
<FONT SIZE=+2><P>Здесь для облегчения чтения
размер шрифта немного увеличен.
</P></FONT>
См. также
BASEFONT
Теги заголовков
разделов
<H1>…</H1> Самый заметный
заголовок
<H2>…</H2>
<H3>…</H3>
<H4>…</H4>
<H5>…</H5>
<H6>…</H6>
Этот заголовок почти не отличается от основного текста
Назначение
Служит индикатором того, что текст,
заключенный внутри пары тегов, является заголовком раздела
документа. Существует шесть уровней заголовков. Заголовок
первого уровня, определяемый тегом <H1> - самый заметный
из всех. Заголовки последующих уровней выделяются все меньше,
однако остаются отличимыми друг от друга и от основного
текста. Как правило, заголовки выделяются размером шрифта и
полужирным начертанием, но в конкретном броузере для них может
быть установлен и другой способ отображения.
Синтаксис
<Hn>Текст заголовка</Hn>
Атрибуты и их аргументы
Нет.
Примеры
Структура документа может быть
определена, например, такой последовательностью заголовков:
<H1>Название
документа</H1>
<H2>Заголовок первого
раздела</H2>
<H3>Заголовок
подраздела</H3>
<H3>Еще один заголовок
подраздела</H3>
<H2>Заголовок второго
раздела</H2>
См. также
BODY и HEAD
Тег заголовка
документа
<HEAD>…</HEAD>
Назначение
Определяет часть документа, в которой
расположены общие сведения об HTML-странице, в отличие от
основной области документа (BODY).
Синтаксис
<HEAD>Заголовок</HEAD>
Атрибуты и их аргументы
Нет.
Примеры
С помощью тега HEAD вводится название
страницы и дополнительная информация о документе. Этот элемент
должен быть расположен перед «телом» документа.
<HEAD><TITLE>Очень маленькая
страница</TITLE></HEAD>
<BODY>Это
небольшой текст, составляющий тело документа. Он будет
отображен как единый абзац.
</BODY>
См. также
BODY и HTML
Тег горизонтального
разделителя
<HR>
Назначение
Вставляет горизонтальную линию
(Horizontal Rule) поперек страницы. Вид и размер этой линии
зависят от конкретного броузера. Некоторые из них позволяют
управлять длиной линии.
Синтаксис
<HR>
Атрибуты и их аргументы
Нет.
Пример
Два абзаца разделяются горизонтальной
линией, проходящей по всей ширине окна просмотра
документа.
<P> Этот абзац отделен от следующего
одинарной горизонтальной линией</P> <HR>
</P> Это второй абзац. </P>
Расширения Netscape
Синтаксис
<HR [ALIGN="ключевое_слово" NOSHADE
SIZE=число
WIDTH=значение]>
Атрибуты и их аргументы
ALIGN="ключевое_слово"
Для разделителей, которые короче, чем ширина окна просмотра,
атрибут ALIGN устанавливает расположение на странице. Возможны
следующие варианты: ["left" | "right" | "center"]
(соответственно «слева», «справа», «по
центру»).
NOSHADE
Удаляет используемое в Netscape по
умолчанию оттенение разделителя, отображая его в виде сплошной
полосы.
SIZE=число
Определяет вертикальную толщину линии
в пикселях.
WIDTH=значение
Определяет горизонтальную
длину разделителя, которая по умолчанию равна ширине страницы.
Аргумент «значение» может быть в двух форматах: [число |
проценты], что позволяет задавать длину разделителя как в
пикселях, так и в процентах от ширины окна просмотра.
См. также
BR и P
Тег
HTML
<HTML>…</HTML>
Назначение
Указывает на то, что заключенные в эту
пару тегов данные представлены в формате HTML.
Синтаксис
<HTML>Документ</HTML>
Атрибуты и их аргументы
Нет.
Примеры
Тег HTML определяет документ в целом.
Пара этих тегов заключает в себе все содержимое документа. Это
может выглядеть, например,
так:
<HTML>
<HEAD><TITLE>Очень
маленькая страница</TITLE></HEAD> <BODY>Это
небольшой текст, составляющий тело документа. Он будет
отображен как единый абзац.
</BODY>
</HTML>
См. также
BODY и HEAD
Тег наклонного начертания
(курсива)
<I>…</I>
Назначение
Выделяет заключенный в эту пару тегов
текст курсивом.
Синтаксис
<I>Текст</I>
Атрибуты и их аргументы
Нет.
Примеры
Следующая разметка служит для выделения
названия книги, автора и издательства наклонным
шрифтом.
<I>Looking Good in Print, R. Parker, Ventana
Press</I>
См. также
B, EM, STRONG и TT
Тег
изображения
<IMG>…</IMG>
Назначение
Служит для размещения в документе
встроенного изображения.
Синтаксис
<IMG SRC="URL"
[ALT="текстовая_строка"
ALIGN="ключевое_слово" ISMAP]>
Атрибуты и их аргументы
Тег изображения имеет
один обязательный атрибут SRC и три необязательных - ALT,
ALIGN и ISMAP.
SRC="URL"
Указывает файл изображения,
которое должно быть загружено в броузер и размещено в том
месте документа, где расположен тег
изображения.
ALT="текстовая_строка"
Позволяет указать
текст, который будет отображаться вместо изображения
броузерами, неспособными выводить
графику.
ALIGN="ключевое_слово"
Определяет положение
изображения относительно окружающего его текста. Возможные
значения аргумента - ["top" | "middle" | "bottom"]
(соответственно «вверху», «посередине»,
«внизу»).
ALIGN="top" выравнивает верх изображения по
верхнему краю самого высокого элемента в строке окружающего
текста.
ALIGN="middle" выравнивает центр изображения по
базовой линии строки окружающего текста.
ALIGN="bottom"
выравнивает нижний край изображения по базовой линии строки
окружающего текста.
ISMAP
Если присутствует атрибут
ISMAP, и тег изображения находится внутри элемента якоря,
изображение становится картой, или «графическим меню». Если
щелкнуть кнопкой мыши на изображении, для которого определен
атрибут ISMAP, координаты указателя мыши (в пикселях) будут
добавлены к указанному в якоре URL. В результате отправляемый
на сервер запрос будет выглядеть следующим образом: «URL?m,n»,
где m и n - целочисленные координаты указателя мыши.
Примеры
Простое изображение
Ниже приведен
простой тег изображения, который может быть использован для
включения в страницу портрета ее автора.
<H3> <IMG
HREF="author.gif" ALIGN="top" ALT="Brent Heslop"> Это я
</H3>
Изображение внутри элемента якоря
Интересно
использовать изображение в теге якоря, при этом оно выполняет
роль гипертекста. В приведенном ниже примере портрет автора
связан с файлом, содержащим его биографию.
<A
HREF="bio.html"> <IMG HREF="author.gif" ALIGN="top"
ALT="Brent Heslop"> Мой послужной список </A>
Расширения Netscape
Синтаксис
<IMG SRC="URL"
[ALT="текстовая_строка" ALIGN="ключевое_слово" ISMAP
BORDER=значение HSPACE=значение
VSPACE=значение
WIDTH=значение HEIGHT=значение]>
Атрибуты и их аргументы
ALIGN="ключевое_слово"
Определяет положение изображения относительно огибающего его
текста. Возможные значения аргумента - ["left" | "right" |
"top" | "texttop" | "middle" | "absmiddle" | "baseline" |
"bottom" | "absbottom"].
ALIGN="left" определяет огибаемое
текстом изображение. Изображение располагается вдоль левой
границы документа, а последующие строки текста огибают его
справа.
ALIGN="right" определяет огибаемое текстом
изображение. Изображение располагается вдоль правой границы
документа, а последующие строки текста огибают его
слева.
ALIGN="top" выравнивает верх изображения по верхнему
краю самого высокого элемента в строке окружающего текста
точно так же, как при использовании стандартного набора
атрибутов.
ALIGN="textop" выравнивает верх изображения по
верхнему краю самого высокого текстового символа в строке
окружающего текста. Действие этого аргумента в большинстве
случаев, но не всегда, подобно действию аргумента
ALIGN="top".
ALIGN="middle" выравнивает центр изображения
по базисной линии строки окружающего текста точно так же, как
при использовании стандартного набора
атрибутов.
ALIGN="absmiddle" выравнивает центр изображения
по центру строки окружающего текста.
ALIGN="baseline"
выравнивает нижний край изображения по базисной линии строки
окружающего текста, то есть производит такое же действие, как
и ALIGN="bottom".
ALIGN="bottom" выравнивает нижний край
изображения по базисной линии строки окружающего текста точно
так же, как при использовании стандартного набора
атрибутов.
ALIGN="absbottom" выравнивает нижний край
изображения по нижнему краю строки окружающего
текста.
BORDER=значение
Целочисленное значение аргумента
определяет толщину рамки вокруг изображения. Если значение
равно нулю, рамка отсутствует. Чтобы не ввести в заблуждение
читателей, не стоит использовать BORDER=0 в изображениях,
представляющих собой часть элемента якоря, поскольку рисунки,
используемые в качестве гиперссылок, обычно выделяются цветной
рамкой.
HSPACE=значение
Целочисленное значение этого
атрибута задает горизонтальное расстояние между вертикальной
границей страницы и изображением, а также между изображением и
огибающим его текстом.
VSPACE=значение
Целочисленное
значение этого атрибута задает вертикальное расстояние между
строками текста и изображением.
WIDTH=значение
HEIGHT=значение
Оба атрибута задают целочисленные значения
размеров изображения по горизонтали и по вертикали
соответственно. Используются для ускорения вывода документа на
экран. Эти атрибуты позволяют web-броузеру выделить место для
изображений и «сверстать» страницу, когда графика еще только
передается.
См. также
URL, A и FORM
Индексный тег
<ISINDEX>
Назначение
Указывает, что текущий документ
описывает базу данных, в которой может производиться поиск по
индексу в соответствии со спецификой программы-клиента, через
которую к нему получен доступ. Этот тег используется в области
заголовка документа (HEAD). Тег <ISINDEX> имеет смысл
только если документ расположен на сервере, обладающем
средствами индексации и поиска информации. Поэтому хорошенько
подумайте, прежде чем вводить этот тег вручную. Большинство
серверов добавляют его к документам автоматически при их
передаче.
Синтаксис
<ISINDEX>
Атрибуты и их аргументы
Нет.
Примеры
Следующая разметка определяет документ,
который служит для запроса:
<HEAD>
<TITLE>Индексный документ</TITLE>
<ISINDEX></HEAD>
Расширения Netscape
Синтаксис
<ISINDEX [PROMPT="текст"]>
Атрибуты и их
аргументы
PROMPT="ключевое_слово"
Определяет
сообщение, которое должно появиться перед окном поиска. По
умолчанию выводится следующее: «This is a searchable index.
Enter search keywords:» (Это индекс, в котором можно
произвести поиск информации. Введите ключевые слова для
поиска:)
См. также
HEAD и TITLE
Тег клавиатурного
ввода
<KBD>…</KBD>
Назначение
Служит для визуального выделения в
тексте последовательностей символов, которые должны быть
введены пользователем. Этот тег используется в инструкциях и
других документах как отличительный признак строк, которые
пользователь должен набрать на клавиатуре. Это не поле для
заполнения в форме! Текст, ограниченный тегами <KBD>,
как правило, отображается в web-броузере шрифтом с
фиксированной шириной символов.
Синтаксис
<KBD>вводимый_пользователем_текст</KBD>
Атрибуты и их аргументы
Нет.
Пример
Ниже приведен пример использования тега
клавиатурного ввода для выделения последовательности символов,
которую пользователю придется набрать.
<P>По запросу
login: введите свое пользовательское имя,
например:
<KBD>login: dh</KBD></P>
См. также
FORM и PRE
Тег отношения
<LINK>
Назначение
Определяет связь с другим документом.
Этот тег позволяет описать отношение между текущим документом
и документом, указанным в обязательном атрибуте HREF.
Синтаксис
<LINK HREF="URL" [REF="отношение" |
REV="отношение"
|
TITLE="название_связанного_документа"]>
Атрибуты и их аргументы
Тег отношения имеет один
обязательный атрибут HREF и три необязательных - REF, REV и
TITLE.
HREF="URL"
Определяет связь между текущим
документом и другим объектом. Как правило, тип этой связи
указывается с помощью атрибута REF или
REV.
REF="отношение"
Определяет отношение между текущим
документом и документом, на который указывает HREF. Возможны
следующие значения: ["next" | "previous" | "parent" | "made"]
(соответственно «следующий», «предыдущий», «предок»,
«создан»).
REV="отношение"
Определяет отношение между
документом, определенным в атрибуте HREF и текущим документом,
то есть обратное тому, которое указывается с помощью атрибута
REF. Возможны следующие значения: ["next" | "previous" |
"parent" | "made"] (соответственно «следующий», «предыдущий»,
«предок»,
«создан»).
TITLE="название_связанного_документа"
Определяет
название документа, на который указывает атрибут HREF. Этот
атрибут игнорируется большинством существующих броузеров. Его
полезно применять в ссылках на документы, не имеющие
собственного названия. К таким документам относится, например,
меню Gopher. При использовании этого атрибута заданное
название меню появится в окне броузера.
Примеры
Простое отношение
Приведенный ниже тег
включает атрибут HREF, указывающий на домашнюю страницу
компании Ventana Media, и определяет, что эта фирма является
создателем текущего документа.
<LINK
HREF="http://www.vmedia.com/" REF="made">
Отношение
внутри последовательности
В этом примере отношения между
документами определяют положение главы
2 (chapt2.html) в последовательности частей
книги.
<HEAD> <TITLE>Глава 2. Как я
повзрослел</TITLE>
<LINK
HREF="http://www.myserver.com/Bio/chap3.html" REF="next"
<LINK HREF="http://www.myserver.com/Bio/chap1.html"
REV="previous" </HEAD>
См. также
A, URL и FORM
Тег
листинга
<LISTING>…</LISTING>
Назначение
Применяется для форматирования
листингов программ. Очень похож по своему действию на тег
текста заданного формата <PRE>, однако вложенные теги в
нем не распознаются. Чтобы сохранить форматирование, текст
выводится моноширинным шрифтом. Этот тег уже устарел,
предпочтительнее применять тег <PRE>.
Синтаксис
<LISTING>Текст</LISTING >
Атрибуты и их аргументы
Нет.
Примеры
Пример, приведенный ниже, иллюстрирует
применение тега листинга.
<LISTING>Это пример
листинга <LISTING> программы</LISTING>
См. также
XMP и PRE
Тег
меню
<MENU>…</MENU>
Назначение
Определяет список пунктов меню.
Меню - это неупорядоченный список, содержащий элементы,
выделенные тегами <LI> (List Item). Каждый элемент
списка должен помещаться на одной строке. Меню может
отображаться в броузере более компактно, чем обычный
неупорядоченный список (UL). Имейте в виду, что меню не могут
быть вложенными.
Сопутствующий тег: Тег элемента
списка
<LI>
Назначение
Определяет элемент списка. Этот тег не
должен использоваться вне пары тегов списка, поскольку в этом
случае результат отображения документа непредсказуем. Кроме
того, этот элемент не имеет завершающего тега.
Синтаксис
<MENU><LI>Элемент
списка</MENU>
Атрибуты и их аргументы
Нет.
Пример
Эта разметка служит для отображения меню
из трех пунктов.
<MENU> <LI>Первый пункт
меню<LI>Второй пункт меню<LI>Третий
пункт
меню</MENU>
См. также
UL, OL, DL и DIR
Тег запрета разрыва строки (Расширение
Netscape)
<NOBR>…</NOBR>
Назначение
Указывает, что заключенный в эту пару
тегов текст должен располагаться на одной строке.
Синтаксис
<NOBR>Текст</NOBR>
Атрибуты и их аргументы
Нет.
Примеры
Все слова из приведенного ниже примера
будут расположены на одной строке.
<NOBR>Этот текст
всегда будет выводиться в одну строку.
</NOBR>
См. также
BR и WBR
Тег упорядоченного
списка
<OL>…</OL>
Назначение
Определяет упорядоченный
(нумерованный) список (Ordered List), состоящий из элементов,
выделенных тегами <LI>.
Сопутствующий тег: Тег элемента
списка
<LI>
Назначение Определяет элемент списка. Этот тег не
должен использоваться вне пары тегов списка, поскольку в этом
случае результат отображения документа непредсказуем. Кроме
того, этот элемент не имеет завершающего тега.
Синтаксис
<OL><LI>Элемент
списка</OL>
Атрибуты и их аргументы
Нет.
Примеры
Простой упорядоченный список
Этот
нумерованный список состоит из трех элементов.
<OL>
<LI>Первый элемент списка<LI>Второй элемент списка
<LI>И так далее… </OL>
Вложенные упорядоченные
списки
Следующий список состоит из трех элементов, при этом
первый из них имеет еще два подэлемента. Нумерация начинается
сначала для каждого вложенного списка.
<OL>
<LI>Первый пункт<OL> <LI>Первый
подпункт<LI>Второй
подпункт</OL>
<LI>Второй пункт. Он сделан достаточно длинным для того,
чтобы можно было увидеть, как броузер обрабатывает элементы
списков, которые не помещаются на одной строке. Каждый элемент
списка может представлять собой достаточно большой блок
текста. <LI>И так далее…</OL>
Расширения Netscape
Синтаксис
<OL [TYPE="ключевое_слово"
START=число]>
<LI [TYPE="ключевое_слово"
START=число]> Элемент списка</OL>
Атрибуты и их
аргументы
TYPE="ключевое_слово"
Позволяет указать
формат нумерации элементов списка. Определенный в теге
<OL>, атрибут TYPE оказывает влияние на весь список в
целом. Если определить этот атрибут в теге <LI>, то он
воздействует на текущий и все последующие элементы списка.
Возможны следующие значения: ["a" | "A" | "i" | "I" |
"1"].
TYPE="a": для обозначения элементов списка
используются строчные латинские буквы.
TYPE="A": для
обозначения элементов списка используются заглавные латинские
буквы.
TYPE="i": элементы списка нумеруются римскими
цифрами в нижнем регистре.
TYPE="I": элементы списка
нумеруются римскими цифрами в верхнем регистре.
TYPE="1":
элементы списка нумеруются арабскими цифрами. Этот вариант
установлен по умолчанию.
START=number
Позволяет указать
номер первого элемента списка (если используется в теге
<OL>) или текущего элемента списка (если используется в
теге <LI>). Последующие элементы списка нумеруются от
указанного значения. Формат нумерации элементов зависит от
значения атрибута TYPE. Например, если START=3, то первый
элемент списка будет отмечен как «c», «C», «iii», «III» или
«3» в зависимости от установки атрибута TYPE.
См. также
UL, DL, DIR и MENU
Тег абзаца
<P>…</P>
Назначение
Выводит заключенный внутри пары тегов
текст как отдельный абзац. В старом варианте допускалось
использовать только завершающий тег (</P>) для отметки
конца абзаца. Предпочтительнее использовать полный синтаксис,
помещая текст абзаца между открывающим и завершающим тегами.
Синтаксис
<P>Текст</P>
Атрибуты и их аргументы
Нет.
Примеры
В приведенном ниже примере между двумя
абзацами расположен горизонтальный разделитель.
<P>
Этот абзац отделен от следующего одинарной горизонтальной
линией</P> <HR> </P> Это второй абзац.
</P>
См. также
BR и PRE
Тег текста заданного
формата
<PRE>…</PRE>
Назначение
Указывает на включение текста
заданного формата, который уже отформатирован (Preformatted
text) и должен отображаться в броузере в точно таком же виде,
то есть с сохранением всех пробелов, переводов каретки
и т.д. Текст заданного формата может содержать вложенные
теги, управляющие визуальными атрибутами, однако разрешено
применять не все типы тегов. Тег <PRE> может
использоваться для включения в документ таблиц. Чтобы
сохранить оригинальное форматирование, текст отображается
шрифтом с фиксированной шириной символов. Этот тег следует
применять вместо устаревших тегов листинга <LISTING> и
примера <XMP>.
Синтаксис
<PRE>Текст</PRE>
Атрибуты и их аргументы
Тег текста заданного
формата имеет один необязательный атрибут
WIDTH.
WIDTH="значение"
Этот атрибут сообщает броузеру
об ожидаемой максимальной длине строк в блоке предварительно
отформатированного текста. Это позволяет броузеру для
улучшения отображения скорректировать размер окна просмотра,
и, может быть, шрифт и размер символов в этой части документа.
Примеры
Ниже показано, как можно использовать
предварительное форматирование текста.
<PRE>
Акт
третий, Сцена вторая
<I>Антоний:</I> Друзья,
сограждане, внемлите мне
Не восхвалять я Цезаря
пришел,
А хоронить. Ведь зло переживает
Людей, добро же
погребают с ними.
</PRE>
См. также
BR, P, CODE, LISTING и XMP
Тег
образца
<SAMP>…</SAMP>
Назначение
Ограничивает элемент текста, который
представляет собой набор символов. Как правило, отображается
моноширинным шрифтом.
Синтаксис
<SAMP>текст_образца</SAMP>
Атрибуты и их аргументы
Нет.
Пример
Ниже приведен пример текста
образца.
<SAMP>Это образец последовательности
символов.</SAMP>
См. также
CODE, KBD и PRE
Тег перечеркнутого
текста
<STRIKE>…</STRIKE>
Не поддерживается HoTMetaL PRO
Назначение
Представляет текст внутри этой пары
тегов перечеркнутым шрифтом. Такой стиль часто используется в
юридических документах, а также в текстовых процессорах для
отметки удаленного или исправленного текста. Этот тег появился
недавно и поддерживается не всеми броузерами. Если броузер не
поддерживает данный тег, то, как правило, текст в этом стиле
будет выглядеть обычным образом.
Синтаксис
<STRIKE>Текст</STRIKE>
Атрибуты и их аргументы
Нет.
Примеры
В следующей разметке текст, заключенный в
пару тегов <STRIKE>, будет
перечеркнут.
<P>Можно использовать специальный тег
форматирования, чтобы отображать отредактированный текст как
<STRIKE>перечеркнутый
</STRIKE> вместо того,
чтобы удалять его.
</P>
См. также
EM, STRONG, I и B
Тег усиленного выделения (логического
ударения)
<STRONG>…</STRONG>
Назначение
Отрывок текста, заключенный внутри
пары этих тегов, будет особым образом выделен, причем более
заметно, чем при использовании тега <EM>. Как правило,
текст отображается полужирным шрифтом. Предпочтительно
применять этот тег вместо тега полужирного начертания
<B>.
Синтаксис
<STRONG>Текст</STRONG>
Атрибуты и их аргументы:
Нет.
Примеры
Следующий элемент разметки служит для
усиленного выделения отрывка на фоне основного текста абзаца
(как правило, полужирным шрифтом).
<STRONG>Внимание!
Это очень важно!</STRONG>
См. также
B, EM, I и TT
Тег таблицы (Расширение
Netscape)
<TABLE>…</TABLE>
Назначение
Служит для создания таблицы.
Таблица - это упорядоченный набор данных, размещенных в
строках и столбцах. Таблицы могут быть вложенными.
Сопутствующий тег: Тег строки
таблицы
<TR>…</TR>
Назначение
Определяет строку таблицы. Этот тег не
должен использоваться вне пары тегов таблицы. Количество строк
в таблице соответствует количеству тегов <TR> (Table
Row), расположенных внутри элемента <TABLE>.
Сопутствующий тег: Тег данных
таблицы
<TD>…</TD>
Назначение
Определяет в таблице ячейку с данными.
Этот тег должен быть расположен внутри элемента строки таблицы
<TR>. Количество ячеек во всех строках не обязательно
должно быть одинаковым, более короткие строки при отображении
дополняются справа пустыми ячейками.
Сопутствующий тег: Тег заголовка
столбца
<TH>…</TH>
Назначение
Определяет в таблице заголовок
столбца. Ячейка заголовка отличается от обычной ячейки данных
только тем, что расположенный в ней текст отображается в
полужирном начертании. Заголовки столбцов должны быть
расположены внутри элементов строки таблицы <TR>.
Сопутствующий тег: Тег заголовка
таблицы
<CAPTION>…</CAPTION>
Назначение
Определяет заголовок для таблицы в
целом. Этот тег является необязательным. Он должен
располагаться между тегами <TABLE>, но вне элементов
строк и ячеек. Заголовки центрируются относительно ширины
таблицы.
Синтаксис
<TABLE [BORDER | BORDER=значение |
CELLSPACING=значение |
ELLPADDING=значение |
WIDTH=значение]>
<CAPTION
[ALIGN="ключевое_слово"]> Текст_заголовка
</CAPTION>
<TR [ALIGN="ключевое_слово" |
VALIGN="ключевое_слово"]>
<TH |
ALIGN="ключевое_слово" | VALIGN="ключевое_слово"|
NOWRAP|COLSPAN=значение | ROWSPAN=значение
|
WIDTH=значение> Текст
заголовка столбца
</TH>
</TR>
<TR [ALIGN="ключевое_слово" |
VALIGN="ключевое_слово"]>
<TD |
ALIGN="ключевое_слово" | VALIGN="ключевое_слово" |
NOWRAP
|COLSPAN=значение | ROWSPAN=значение |
WIDTH=значение>
Элемент_таблицы
</TD>
</TR>
</TABLE>
Атрибуты и их аргументы
Многие атрибуты могут
определяться в различных элементах таблицы, при этом их
действие зависит от тега, в котором они определены. Основное
правило заключается в следующем: атрибут, расположенный в
элементе более низкого уровня, имеет приоритет над атрибутами,
определенными ранее. Например, предположим, что для таблицы в
целом установлено выравнивание данных в ячейках по левому полю
(ALIGN="left"). Если для строки таблицы установить другой тип
выравнивания, то данные в ней будут отображаться в
соответствии с ним. В свою очередь, установка атрибута ALIGN
для отдельной ячейки имеет приоритет над значением этого
атрибута для
строки.
ALIGN="ключевое_слово"
Устанавливает тип
выравнивания для данных, заключенных в элемент, где определен
данный атрибут. В теге <CAPTION> этот атрибут управляет
положением текста заголовка. Возможны следующие значения:
["top" | "bottom"] (соответственно «сверху», «снизу»). По
умолчанию используется значение ALIGN="top". В тегах
<TR>, <TH> или <TD> атрибут ALIGN служит для
управления выравниванием данных в ячейках. Возможны следующие
значения: ["left" | "right" | "center"] (соответственно
«влево», «вправо», «по центру»). Здесь по умолчанию
используется ALIGN="left".
BORDER[=значение]
Служит для
создания рамок вокруг таблицы и всех ее ячеек. Если атрибут
отсутствует, таблица выводится без рамки, однако по умолчанию
место для рамки резервируется. Это значит, что таблица без
атрибута BORDER будет занимать столько же места, как и таблица
с этим атрибутом, но без аргумента. Необязательный числовой
аргумент позволяет указать толщину рамки. Если используется
значение 0, рамка вокруг таблицы не выводится и место под нее
не резервируется. В этом случае таблица получается более
компактной, чем при отсутствии атрибута
BORDER.
CELLPADDING=значение
Управляет расстоянием между
содержимым ячейки и ее границами. По умолчанию используется
значение CELLPADDING=1. Аргумент CELLPADDING=0 в таблице с
видимыми рамками не рекомендуется, поскольку содержимое ячейки
будет касаться ее
обрамления.
CELLSPACING=значение
Управляет расстоянием
между ячейками таблицы. По умолчанию установлено значение
2.
COLSPAN=значение
Указывает, сколько столбцов таблицы
по ширине занимает данная ячейка. По умолчанию
COLSPAN=1.
NOWRAP
При использовании этого атрибута
данные в ячейке не разбиваются на несколько строк. В
результате ячейка может быть шире стандартного размера, чтобы
вместить в себя все данные.
ROWSPAN=значение
Определяет,
сколько строк по вертикали занимает данная ячейка. По
умолчанию ROWSPAN=1. Строки, на которые предполагается
расширить данную ячейку, должны быть определены тегами
<TR>, в противном случае никакого действия не
произойдет.
VALIGN="ключевое_слово"
Устанавливает
вертикальное выравнивание данных в ячейках, заключенных внутри
элемента, в котором определен данный тег. Возможны следующие
значения: ["top" | "middle" | "bottom" | "baseline"]
(соответственно «сверху», «посередине», «снизу», «по базисной
линии»). По умолчанию используется
VALIGN="middle".
WIDTH=значение
Определяет общую ширину
таблицы либо ширину ее конкретной ячейки. По умолчанию ширина
таблиц и ячеек рассчитывается броузером по довольно сложному
алгоритму. Значение аргумента (в формате [число | "проценты"])
может быть указано либо в пикселях, либо в процентах от ширины
документа (для таблицы) или от ширины таблицы (для ячейки).
Пример
Приведенный ниже пример создает таблицу из
двух строк с тремя колонками и заголовком.
<TABLE
BORDER>
<CAPTION>Таблица</CAPTION>
<TR><TH>
Заголовок 1 </TH> <TH COLSPAN=2>
Заголовок 2
</TH></TR>
<TR><TD>Название
пункта</TD> <TD ALIGN="center">100
</TD>
<TD ALIGN="center"> 200 </TD> </TR>
</TABLE>
См. также
OL, UL и PRE
В этом формате можно вводить символы, определенные в
стандартной кодировке ISO Added LATIN I, а аргумент
«ASCII_код» - десятичный ASCII-код символа. После символьного
объекта обязательно должна стоять точка с запятой. В
таблице 2 приведен список символов и их ASCII-кодов,
которые нельзя ввести с клавиатуры и для которых не определено
мнемоники. Обратите внимание, что в таблице 1 кроме
ключевых слов указаны и ASCII-коды символов. Для ввода
специальных символов в текст документа подходит любой из этих
способов (мнемоника или десятичный эквивалент), однако
предпочтительнее использовать ключевые слова.
Если вы работаете в HoTMetaL PRO, вам не придется думать о
представлении специальных символов. Этот редактор обеспечивает
ввод большинства таких символов при помощи команды Insert
Special Character в меню Markup (комбинация клавиш Ctrl+E).
Эта команда открывает диалоговое окно ввода специальных
символов, в котором достаточно выбрать нужный знак, и HoTMetaL
PRO вставит в документ соответствующий символьный объект.
HoTMetaL PRO также автоматически заменит объектами введенные с
клавиатуры символы «<», «>» или «&», если они не
являются частью разметки документа. Для ввода всех остальных
специальных символов необходимо использовать диалоговое окно
ввода символьных объектов или набирать эти объекты прямо в
тексте документа.
Таблица 1. Ключевые слова HTML для специальных
символов
Мнемоника Изображение Описание Десятичный ASCII-
эквивалент
AElig " Ж " заглавная лигатура дифтонга #198
Aacute " Б " заглавная A с акутом #193
Acirc " В " заглавная A с циркумфлексом #194
Agrave " А " заглавная A с грависом #192
Aring " Е " заглавная A с точкой #197
Atilde " Г " заглавная A с тильдой #195
Auml " Д " заглавная A с умляутом #196
Ccedil " З " заглавная С с cедилью #199
Eth " Р " заглавная исландская Eth #208
Eacute " Й " заглавная E с акутом #201
Ecirc " К " заглавная E с циркумфлексом #202
Egrave " И " заглавная E с грависом #200
Euml " Л " заглавная E с умляутом #203
Iacute " Н " заглавная I с акутом #205
Icirc " О " заглавная I с циркумфлексом #206
Igrave " М " заглавная I с грависом #204
Iuml " П " заглавная I с умляутом #207
Ntilde " С " заглавная N с тильдой #209
Oacute " У " заглавная O с акутом #211
Ocirc " Ф " заглавная O с циркумфлексом #212
Ograve " Т " заглавная O с грависом #210
Oslash " Ш " заглавная перечеркнутая O #216
Otilde " Х " заглавная O с тильдой #213
Ouml " Ц " заглавная O с умляутом #214
Thorn " Ю " заглавная исландская Thorn #222
(руна «Трон»)
Uacute " Ъ " заглавная U с акутом #218
Ucirc " Ы " заглавная U с циркумфлексом #219
Ugrave " Щ " заглавная U с грависом #217
Uuml " Ь " заглавная U с умляутом #220
Yacute " Э " заглавная Y с акутом #221
aacute " б " строчная a с акутом #225
acirc " в " строчная a с циркумфлексом #226
aelig " ж " строчная лигатура дифтонга ae #230
agrave " а " строчная a с грависом #224
amp " & " амперсант #38
atilde " г " строчная a с тильдой #227
auml " д " строчная a с умляутом #228
ccedil " з " строчная c с седилью #231
eacute " й " строчная e с акутом #233
ecirc " к " строчная e с циркумфлексом #234
egrave " и " строчная e с грависом #232
eth " р " строчная исландская eth #240
euml " л " строчная e с умляутом #235
gt " > " знак «больше» #62
iacute " н " строчная i с акутом #237
icirc " о " строчная i с циркумфлексом #238
igrave " м " строчная i с грависом #236
iuml " п " строчная i с умляутом #239
lt " < " знак «меньше» #60
ntilde " с " строчная n с тильдой #241
oacute " у " строчная o с акутом #243
ocirc " ф " строчная o с циркумфлексом #244
ograve " т " строчная o с грависом #242
oslash " ш " строчная перечеркнутая o #248
otilde " х " строчная o с тильдой #245
ouml " ц " строчная o с умляутом #246
quote " ` " одинарные кавычки #96
szlig " Я " строчный немецкий глухой s #223
(лигатура sz)
thorn " ю " строчная исландская thorn #254
uacute " ъ " строчная u с акутом #250
ucirc " ы " строчная u с циркумфлексом #251
ugrave " щ " строчная u с грависом #249
uuml " ь " строчная u с умляутом #252
yacute " э " строчная y с акутом #253
yuml " я " строчная y с умляутом #255
Таблица 2. Символы из набора ISO Added LATIN I, для
которых
существуют только кодовые представления
Десятичный Изображение Описание ASCI-эквивалент #161 " Ў "
перевернутый восклица- тельный знак #162 " ў " символ цента
#163 " Ј " символ фунта #164 " ¤ " общий символ валюты #165 "
Ґ " символ йены #166 " ¦ " вертикальная (разорванная) черта
#167 " § " символ параграфа #168 " Ё " умляут #169 " © "
символ авторского права #170 " Є " символ женского рода #171 "
« " полиграфические угловые кавычки, открывающие #174 " ® " R
в круге/знак регистрации прав #175 " Ї " знак долготы гласного
звука (макрон) #176 " ° " символ градуса #177 " ± " знак
«плюс/минус» #178 " І " «2» в верхнем индексе #179 " і " «3» в
верхнем индексе #180 " ґ " знак ударения #181 " µ " символ
«микро» (греческая «мю») #182 " ¶ " символ конца абзаца #182 "
¶ " символ конца абзаца #183 " · " центрированная точка #184 "
ё " седиль #185 " № " «1» в верхнем индексе #186 " є " символ
мужского рода #187 " » " полиграфические угловые
кавычки,закрывающие #188 " ј " дробь одна четвертая #189 " Ѕ "
дробь одна вторая #190 " ѕ " дробь три четвертых #191 " ї "
перевернутый вопросительный знак
Тег названия
документа
<TITLE>…</TITLE>
Назначение
Определяет название HTML-документа.
Этот тег должен располагаться в области заголовка документа
(HEAD) и, в соответствии со стандартом HTML, является
обязательным. Имейте в виду, что название не появится в самом
документе, как это обычно происходит в печатных страницах.
Оно, как правило, отображается в заголовке окна просмотра. Для
включения наименования документа в его текст используйте тег
заголовка первого уровня <H1>.
Синтаксис
<TITLE>Текст</TITLE>
Атрибуты и их аргументы
Нет.
Примеры
Эта разметка определяет название
HTML-документа.
<TITLE>Образец
документа</TITLE>
См. также
HEAD и BODY
Тег «пишущей
машинки»
<TT>…</TT>
Назначение
Служит для отображения текста шрифтом
с фиксированной шириной символов (обычно используется
Courier), который похож на шрифт пишущей машинки.
Синтаксис
<TT>Текст</TT>
Атрибуты и их аргументы
Нет.
Примеры
Текст, заключенный между тегами
<TT>, будет отображаться моноширинным шрифтом (как
правило - Courier или его вариации).
<TT>Этот текст
выглядит так, как будто он напечатан на пишущей
машинке.</TT>
См. также
B, EM, I и STRONG
Тег подчеркивания
<U>…</U> Не
поддерживается HoTMetaL PRO
Назначение
Служит для подчеркивания текста,
заключенного внутри пары тегов.
Синтаксис
<U>Текст</U>
Атрибуты и их аргументы
Нет.
Примеры
Эта разметка определяет подчеркнутый
текст.
<P>Вы можете использовать теги форматирования
символов для того, чтобы выделить
<U>подчеркиванием</U> отрывок текста - если нужно
обязательно выделить его именно так.</P>
См. также
B, I, EM и STRONG
Тег неупорядоченного
списка
<UL>…</UL>
Назначение
Создает неупорядоченный список
(Unordered List), состоящий из элементов, выделенных тегами
<LI> (List Item).
Сопутствующий тег: Тег элемента
списка
<LI>
Назначение
Определяет элемент списка. Этот тег не
должен использоваться вне пары тегов списка, поскольку в этом
случае результат отображения документа непредсказуем. Кроме
того, этот элемент не имеет завершающего тега.
Синтаксис
<UL><LI>Элемент
списка</UL>
Атрибуты и их аргументы
Нет.
Пример
Простой неупорядоченный список
Этот
неупорядоченный список состоит из трех
элементов.
<UL> <LI>Первый элемент
списка<LI>Второй элемент списка <LI>И так далее…
</UL>
Вложенные упорядоченные списки
Следующий
список состоит из трех элементов, при этом первый из них
содержит подсписок, включающий два элемента. Многие броузеры
используют различные вводные символы для списков разных
уровней вложенности.
<UL> <LI>Первый элемент
списка<UL> <LI>Первый подпункт
<LI>Второй
подпункт</UL> <LI>Второй элемент списка. Он сделан
достаточно длинным для того, чтобы можно было увидеть,
как
броузер обрабатывает элементы списков, которые не
помещаются на одной строке. Каждый элемент списка может
представлять собой достаточно большой блок текста. <LI>И
так далее… </UL>
Расширения Netscape
Синтаксис
<UL [TYPE="ключевое_слово"]>
<LI>Элемент списка</UL>
Атрибуты и их
аргументы
TYPE="ключевое_слово"
Позволяет выбрать
тип вводных символов для элементов списка. Определенный в теге
<UL>, атрибут TYPE оказывает влияние на весь список в
целом. Если определить этот атрибут в теге <LI>, то он
воздействует на текущий и все последующие элементы списка.
Возможны следующие значения: ["disc" | "circle" |
"square"].
TYPE="disc": используются вводные символы в виде
сплошных кружков (жирных точек). Этот вариант установлен по
умолчанию.
TYPE="circle": вводные символы выглядят как
незакрашенные окружности.
TYPE="square": используются
квадратные вводные символы.
См. также
UL, DL, DIR и MENU
Тег
переменной
<VAR>…</VAR>
<P>В C++ <VAR>переменные</VAR> могут быть
частными,
общедоступными и защищенными.</P>
См. также
DFN, STRONG, DL, B, I и U
Тег разрыва слова (Расширение
Netscape)
<WBR>
Назначение
Позволяет в случае необходимости
разорвать слово или фразу в месте своего расположения и
перенести остаток на новую строку.
Синтаксис
<NOBR>Текстовый
эле<WBR>мент</NOBR>
Атрибуты и их аргументы
Нет.
Примеры
Ниже показано предложение, которое
желательно разместить на одной строке (что определяется тегами
<NOBR>), однако при необходимости оно может быть
разорвано в месте вставки тега <WBR>.
<NOBR>Это
предложение должно располагаться на
одной
строке,<WBR> если это возможно.</NOBR>
См. также
BR и NOBR
Тег примера
текста
<XMP>…</XMP>
Назначение
По действию похож на тег текста
заданного формата <PRE>, но вложенные теги не
распознаются. Для сохранения форматирования текст выводится
моноширинным шрифтом. Этот тег несколько устарел,
предпочтительней применять тег <PRE>.
Синтаксис Назначение
Служит для визуального
выделения идентификаторов переменных в тексте документа. По
действию совпадает с тегом <EM>.
Синтаксис
<VAR>Переменная</VAR>
Атрибуты и их аргументы
Нет.
Пример
С помощью этого логического стиля в текста
абзаца можно выделить термин:
<XMP>Текст</XMP>
Атрибуты и их аргументы
Нет.
Примеры
Ниже показано использование тега примера
текста.
<XMP>Это образец примера <XMP> текста.
</XMP>
См. также
LISTING и PRE
Тег комментария
<!…>
Не поддерживается HoTMetaL PRO
Назначение
Позволяет вставлять в HTML-документ
комментарии, которые не будут отображаться при его просмотре.
Часто используется для хранения информации об авторе, номере
версии документа и т. п. Некоторые броузеры неправильно
обрабатывают комментарии длиной более одной строки, поэтому
следует использовать отдельный тег для каждой строки
комментария.
Синтаксис
<!Текст>
Атрибуты и их аргументы
Нет.
Примеры
Ниже приведен пример типичного
комментария. Заметьте, что комментарий разбит на несколько
отдельных строк, каждая из которых отмечена собственным
тегом.
<! Автор: David Holzgang >
<! редактор
HoTMetaL Pro 1.0 >
<! 23 февраля 1995, 11:22
>
<! Исправления: 1 Марта 95, 16:35>
См. также
HEAD и TITLE
HTML-формы Интерактивные HTML-формы
предназначены для ввода информации пользователями. По
окончании заполнения формы введенная информация поступает на
сервер для обработки. Как правило, сервер, используя
полученную информацию, генерирует новый HTML-документ и
возвращает его читателю.
Форма может содержать любые стандартные теги HTML.
Существует несколько дополнительных тегов, которые могут
использоваться только в HTML-формах. Интерфейс формы построен
на следующих тегах:
<FORM>…</FORM>
<INPUT>
<SELECT>…</SELECT>
<OPTION>
<TEXTAREA>…</TEXTAREA>
Последние
четыре тега могут использоваться только внутри тега
<FORM>.
Тег
формы
<FORM>…</FORM>
Назначение
Определяет область формы в
HTML-документе. Документ может содержать несколько таких
тегов, однако они не должны быть вложенными. Внутри тега
<FORM> могут присутствовать любые стандартные теги.
Синтаксис
<FORM ACTION="URL"
METHOD=[GET|POST]> Текст формы, включая дополнительные
стандартные HTML-теги и теги элементов формы. </FORM>
Атрибуты и их аргументы
Тег формы имеет два
обязательных атрибута.
ACTION="URL"
Атрибут указывает на
программу-обработчик данных
формы.
METHOD=метод
Указывается один из двух методов:
GET или POST. Метод определяет способ обмена данными между
формой и программой обработки ее информации.
Пример
В этом примере тег формы используется для
создания университетской регистрационной карточки.
<FORM
ACTION="http://kuhttp.cc.ukans.edu/cgi-bin/register"
METHOD=POST>…</FORM>
См. также
URL и BODY
Тег ввода
<INPUT>
Назначение
Определяет поле для ввода информации.
Данные, введенные в поле, присваиваются переменной, для
которой необходимо указать имя и тип.
Синтаксис
<INPUT TYPE="ключевое_слово"
[NAME="текстовая_строка" |
VALUE="текстовая_строка" |
CHECKED | SIZE=число |
MAXLENGTH=число]">
Атрибуты и их
аргументы
TYPE="ключевое_слово"
Определяет тип
переменной. Возможны следующие значения этого атрибута:
["text" | "password" | "checkbox" | "radio" | "submit" |
"reset" ].
TYPE="text" и TYPE="password" обеспечивают ввод
символов.
TYPE="checkbox" устанавливает или снимает флажок
выбора.
TYPE="radio" позволяет выбрать одну из группы
радиокнопок, имеющих одно и то же имя.
TYPE="submit"
создает кнопку управления, после нажатия на которую введенные
данные посылаются на сервер.
TYPE="reset" создает кнопку
сброса полей формы в значения по
умолчанию.
NAME="текстовая_строка"
Определяет символьное
имя для идентификации переменной ввода (в форме не
отображается).
VALUE="символьная_строка"
Смысл этого
атрибута зависит от значения атрибута TYPE:
Если
TYPE="text" или TYPE="password", символьная строка определяет
для переменной ввода значение по умолчанию.
Если
TYPE="checkbox" или TYPE="radio", символьная строка определяет
значение, которое присваивается переменной ввода при установке
флажка или выборе радиокнопки.
Если TYPE="reset" или
TYPE="submit", символьная строка выводится на кнопке вместо
установленных по умолчанию слов «Submit» или
«Reset».
CHECKED
Не имеет аргумента. Для типов
TYPE="checkbox" или TYPE="radio" определяет, должно ли данное
поле ввода быть выбрано по умолчанию .
SIZE=число
Для
TYPE="text" или TYPE="password" определяет число символов,
отведенное для поля ввода.
MAXLENGTH=число
Определяет (в
символах) максимальный размер данных в полях TYPE="text" или
TYPE="password". Этот атрибут можно использовать только для
однострочных полей ввода.
Примеры
Простое текстовое поле
ввода
Приведенная ниже разметка создает поле ввода имени
пользователя.
<P>Введите свое имя:</P>
<INPUT TYPE="text"
NAME="username"
SIZE=30>
Использование элементов ввода для управления
формой
Эти два тега ввода<INPUT> добавляют
необходимые в каждой форме кнопки отправки введенных данных и
отмены ввода.
<INPUT TYPE="submit" VALUE="Отослать
форму">
<INPUT TYPE="reset" VALUE="Очистить
форму">
Использование радиокнопок для ввода
В
приведенном ниже примере создается группа из четырех
радиокнопок. Третья кнопка выбрана по умолчанию.
<P>
Выберите пункт назначения:
<INPUT TYPE="radio" NAME="S1"
VALUE="USA"> США
<INPUT TYPE="radio" NAME="S1"
VALUE="GB"> Великобритания
<INPUT TYPE="radio"
NAME="S1" VALUE="RU" CHECKED> Россия
<INPUT
TYPE="radio" NAME="S1" VALUE="AUS"> Австралия</P>
См. также
FORM
Тег списка
выбора
<SELECT>…</SELECT>
Назначение
Определяет список, в котором можно
выбрать один или несколько элементов. Для каждого элемента
списка должен быть определен тег <OPTION>.
Сопутствующий тег: Тег элемента списка
выбора
<OPTION>
Назначение
Определяет элемент списка выбора.
Расположенные внутри тега <SELECT> теги <OPTION>
используются для ввода пунктов списка. Этот тег не должен
использоваться вне списка выбора, так как при этом возможно
некорректное отображение информации броузером. Заметьте, что
этот элемент не имеет завершающего тега.
Синтаксис
<SELECT NAME="символьная_строка"
[SIZE=значение MULTIPLE] <OPTION
[SELECTED]>Возможное_значение</SELECT>…
Атрибуты и их
аргументы
NAME="символьная_строка"
Определяет
символьный идентификатор переменной ввода (в форме не
отображается).
SIZE=значение
Аргумент этого атрибута
задает число одновременно отображаемых элементов
списка.
MULTIPLE
Если этот атрибут присутствует, то
пользователь может одновременно выбрать несколько элементов
списка.
SELECTED
Этот атрибут используется для пометки
элементов списка, которые будут выбраны по умолчанию.
Пример
В этом примере определен список, в котором
можно выбрать любое число элементов, однако пункт «бананы»
выделен по умолчанию.
<SELECT
MULTIPLE>
<OPTION>Яблоки
<OPTION
SELECTED>Бананы
<OPTION>Вишни
</SELECT>
См. также
FORM
Тег многострочного текстового
блока
<TEXTAREA>…</TEXTAREA>
Назначение
Определяет прямоугольное поле для
ввода текстовой информации. Если определено значение по
умолчанию, оно выводится при открытии формы, в противном
случае поле появится незаполненным.
Синтаксис
<TEXTAREA NAME="символьная_строка"
ROWS=значение
COLUMNS=значение
>текст_по_умолчанию</TEXTAREA>
Атрибуты и их
аргументы
NAME="символьная_строка"
Определяет
символьный идентификатор переменной ввода (в форме не
отображается).
ROWS=значение COLS=значение
Оба атрибута
имеют целочисленные аргументы, которые определяют число строк
текста в текстовом блоке и количестве символов в строке.
Пример
Этот пример иллюстрирует применение тега
многострочного текстового блока.
<P>Введите в это
поле свои комментарии: <BR>
<TEXTAREA
NAME="tree_data" ROWS=5 COLUMNS=40>Я люблю
деревья
потому что они…</TEXTAREA></P>
См. также
FORM
Символьные объекты В числе других
проблем, возникающих при передаче информации по компьютерным
сетям, есть проблема представления знаков препинания, акцентов
над буквами, и других символов, которые могут использоваться в
одном языке и не присутствовать в другом. В каждой
компьютерной системе эта проблема решается по-своему.
Например, на компьютерах Macintosh символ «e» с акцентом
«акут» (как последняя буква в слове resumй) можно ввести так:
сначала нужно одновременно нажать клавиши Option и «e»,
отпустить и снова нажать клавишу «e». Однако введенный таким
образом символ, скорее всего, не будет корректно отображаться
на других компьютерных платформах. Поэтому, если использовать
такие символы в HTML-документах, читатель может увидеть на их
месте что-нибудь совсем другое. И это только одна из проблем,
возникающих при работе со специальными символами1.
Другая проблема возникает при отображении знаков
препинания. Например, в языке HTML для отделения команд от
основного текста документа используются такие символы, как
«<» (знак «меньше») и «>» (знак «больше»). Вы не можете
использовать эти символы в тексте документа, так как возникнут
проблемы при его отображении. Необходим другой подход,
делающий возможным включение в текст документа таких символов.
Для решения этой проблемы в языке HTML предусмотрены
«символьные объекты» (character entities), которые
используются вместо специальных символов. Существует два
формата символьных объектов:
&ключевое_слово;
Отображает отдельный символ, заданный специальным ключевым
словом (мнемоникой). Например, объект & служит для
отображения символа амперсанда (&), а объект < выводит
в тексте знак «меньше» (<). После символьного объекта
необходимо поставить точку с запятой, а ключевое слово должно
быть одной из мнемоник, перечисленных в таблице 1. Список
возможных ключевых слов можно получить на узле http://info.cern.ch/hypertext/WWW/MarkUp/Entities.html.
&#ASCII_код;
Содержание
| | 
