Issuu on Google+

Ïðèëîæåíèå 2. Êðàòêèé ñïðàâî÷íèê ïî HTML В настоящий справочник включено большинство элементов языка HTML 4.0. Все элементы расположены в алфавитном порядке. Для каждого тега приводится краткое описание, список основных атрибутов и примеры использования. Для большинства атрибутов указаны допустимые значения. Значениями атрибутов могут быть ключевые слова, например left, или слова в квадратных скобках, которые определяют тип значения, например width=[число]. В таких случаях в коде HTML вместо [число] следует указать требуемое фактическое значение, например width=100. Альтернативные значения атрибутов разделены вертикальной чертой «|», например align=left | center | right. Для удобства пользования справочником ниже приводится группировка тегов по темам.

Àáçàöû, âûðàâíèâàíèå è ðàçäåëèòåëè <blockquote>...</blockquote>

<hr>

<br>

<p>...</p>

<center>...</center>

<pre>...</pre>

<div>...</div>

<q>...</q>

Çàãîëîâêè <h1>...</h1>, <h2>...</h2>, <h3>...</h3>, <h4>...</h4>, <h5>...</h5>, <h6>...</h6>

Êàðòû íàâèãàöèè <area> <map>...</map>

Îáùàÿ ñòðóêòóðà äîêóìåíòà <body>...</body>

<span>...</span>

<head>...</head>

<style>...</style>

<html>...</html>

<title>...</title>

<meta>

Ñïèñêè <dd>...</dd>

<li>...</li>

<dir>...</dir>

<menu>...</menu>

<dl>...</dl>

<ol>...</ol>

<dt>...</dt>

<ul>...</ul>


2

Самоучитель создания Web-страниц и Web-сайтов

Ñöåíàðèè è àïïëåòû <applet>...</applet>

<param>

<noscript>...</noscript>

<script></script>

<object>...</object>

Ññûëêè è âíåäðåíèå èçîáðàæåíèé <a>...</a>

<img>

<address>...</address>

<link>

<base>

Òàáëèöû <caption>...</caption>

<td>...</td>

<col>

<tfoot>...</tfoot>

<colgroup>...</colgroup>

<th>...</th>

<table>...</table>

<thead>...</thead>

<tbody>...</tbody>

<tr>...</tr>

Ôîðìàòèðîâàíèå òåêñòà <b>...</b>

<s>...</s>

<basefont>

<samp>...</samp>

<big>...</big>

<small>...</small>

<cite>...</cite>

<strike>...</strike>

<code>...</code>

<strong>...</strong>

<dfn>...</dfn>

<sub>...</sub>

<em>...</em>

<sup>...</sup>

<font>...</font>

<tt>...</tt>

<i>...</i>

<u>...</u>

<kbd>...</kbd>

<var>...</var>

Ôîðìû <button>...</button>

<optgroup>...</optgroup>

<form>...</form>

<option>...</option>

<input>

<select>...</select>

<isindex>

<textarea>...</textarea>

<label>...</label>


Приложение 2. Краткий справочник по HTML

3

Ôðåéìû <frame>

<iframe>...</iframe>

<frameset>...</frameset>

<noframes>...</noframes>

<a>...</a>

В документе создается гиперссылка. Атрибуты: href=[url]

Указывается URL документа, к которому нужно перейти по ссылке. name=[имя]

Присваивает имя фрагменту. Используется без href; по этому имени в дальнейшем можно перейти к фрагменту по ссылке. target=[имя]

Задается имя кадра или окна, в котором нужно открыть заданный документ. Пример:

1. Гиперссылка: <a href=http://www.anekdot.ru> Анекдоты</a>

2. Присвоение имени: <a name=info> Дополнительная информация</a>

3. Гиперссылка на фрагмент документа index.html с дополнительной информацией: <a href=index.html#info>Подробнее...</a> <address>...</address>

Предоставление контактной информации об авторе текущего документа, т.е. документа, в котором находится тег. Атрибуты:

Нет. Пример: <address><a href=http://geoton.narod.ru>Компания ГЕОТОН</a></address> <applet>...</applet>

Вставка Java-апплетов в HTML-документ. Элемент <applet>...</applet> является нежелательным, вместо него следует использовать тег <object>...</object>.


4

Самоучитель создания Web-страниц и Web-сайтов Атрибуты: codebase=[url]

Основной URL апплета; обычно задает директорию, или папку, содержащую код апплета. code=[строка]

Имя файла класса, который содержит компилированный апплет. alt=[строка]

Текстовое описание, которое должно высвечиваться вместо апплета. name=[имя]

Имя отдельного апплета, позволяющее апплетам находить друг друга в одном документе. width=[число]

Начальная ширина в пикселах области отображения апплета, не включая окна и диалоги, создаваемые апплетом. height=[число]

Начальная высота в пикселах области отображения апплета, не включая окна и диалоги, создаваемые апплетом. align=top | middle | bottom | left | right

Выравнивание области расположения апплета на странице документа: top – по верхнему краю; middle – по центру; bottom – по нижнему краю; left – по левому краю; right – по правому краю. hspace=[число]

Ширина незаполненного пространства высвечивания апплета в пикселах.

слева

и

справа

от

зоны

vspace=[число]

Высота незаполненного пространства выше и ниже зоны высвечивания апплета в пикселах. Пример: <applet codebase="http://www.server.com/pgv/myclass.class" code=applet.class alt="Апплет нуждается в Java-совместимом браузере" name="AppletInstance" width=300 height=300 align=middle> </applet>


Приложение 2. Краткий справочник по HTML

5

<area>

Определение области навигационной карты, реагирующей на щелчок мыши. Сама навигационная карта определяется элементом <map>...</map>. При щелчке мышью в специфицированной области происходит переход к документу, указанному в данном теге. Чтобы помочь пользователю, браузер может вывести в строке статуса содержимое атрибута alt, когда указатель мыши движется над областью. Атрибуты: shape=rect | circle | poly

Форма области: rect – прямоугольник (по умолчанию), circle – круг, poly – многоугольник. coord=[координаты]

Координаты области. Значения этого атрибута в зависимости от формы (shape) следующие: shape=rect (прямоугольник) coord="x1,y1,x2,y2" x и y задают координаты верхнего левого и нижнего правого углов прямоугольника. Значения x и y координат измеряются в пикселах от верхнего левого угла соответствующего изображения. Это означает, что значение y возрастает сверху вниз. shape=circle (круг) coord="x0,y0,r" x и y – координаты центра круга, r – радиус круга. shape=poly (многоугольник) coord="x1,y1,x2,y2,x3,y3" x и y – координаты вершин многоугольника. href=[url]

Указывается URL документа, к которому нужно перейти по ссылке. nohref

Означает, что данный регион не действует. Используется, когда необходимо вырезать дыру в «горячей» зоне. alt=[строка]

Текстовое описание, которое должно высвечиваться вместо изображения. Пример: <img src="bg.gif" border=0 usemap="#map"> <map name="map"> <area href="doc.html" alt="Документация" shape="rect" coords="0,0,118,28"> <area href="search.html" alt="Поиск" shape="rect" coords="184,0,276,28"> <area href="go.html" alt="Переход" shape="circle" coords="184,200,60"> <area href="faq.html" alt="Вопросы" shape="poly" coords="276,0,373,28,50,50,276,0"> </map>


6

Самоучитель создания Web-страниц и Web-сайтов

<b>...</b>

Отображает текст полужирным начертанием. Атрибуты:

Нет. Пример: Сравните <b>Полужирное начертание</b> с нормальным <base>

Задание базового URL для относительных URL в документе, например в атрибутах href элемента <a>...</a>. Атрибуты: Href=[url]

Указывается базовый URL. Пример: <base href=http://www.anekdot.ru> тогда связь <a href="lists.html">Примеры</A> эквивалентна связи <a href=http://www.anekdot.ru/lists.html>Примеры</A> <basefont>

Устанавливает основной размер шрифта, применяемый к обычному и предварительно отформатированному тексту. Элемент <basefont> устанавливает базовый размер шрифта с помощью атрибута size. Изменения размера шрифта элементом <font>...</font> производятся относительно базового размера, установленного тегом <basefont>. Если элемент <basefont> не задан, по умолчанию используется размер 3. Использование элемента <basefont> нежелательно. Вместо него следует использовать соответствующие свойства языка таблиц стилей. Атрибуты: size=[число]

Устанавливает размер шрифта. Возможные значения: 4

целое число от 1 до 7. Устанавливает фиксированный размер шрифта, представление которого зависит от браузера пользователя. Не все браузеры могут представлять все семь размеров;

4

числа от -7 до +7, характеризующие относительное изменение размера шрифта. Значение +1 означает на один размер больше. Значение -3 означает шрифт на три размера меньше. Все размеры относятся к шкале от 1 до 7.


Приложение 2. Краткий справочник по HTML

7

face=[строка]

Этот атрибут определяет список разделенных запятыми названий шрифтов, поиск которых браузер пользователя должен выполнить в порядке приоритета. color =[цвет]

Устанавливает цвет текста. Цветовые имена и их числовые значения приведены в таблице в конце справочника. Пример: Это – текст с размером шрифта по умолчанию (3). <basefont size=5>А это – с увеличенным размером (5). <big>...</big>

Представление текста крупным шрифтом. Атрибуты:

Нет. Пример: Это – <big>большая </big>ошибка. <blockquote>...</blockquote>

Представляет длинную цитату как блок цитирования в виде отдельного абзаца или последовательности абзацев, часто с отступом, как слева, так и справа, и шрифтом, отличным от простого текста, часто курсивом. Атрибуты: cite=[url]

Значением данного атрибута является URL, определяющий источник документа или сообщения. Этот атрибут предназначен для предоставления информации об источнике, из которого заимствована цитата. Пример: <blockquote>У меня есть мечта. Эта мечта берет начало в американской мечте.<p>Я мечтаю о том, что однажды нация поднимется и определит настоящее значение своей веры. Мы убеждены, что каждый человек должен чувствовать, что все были рождены равными.</p><blockquote> <body>...</body>

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


8

Самоучитель создания Web-страниц и Web-сайтов Атрибуты: background=[url]

URL-адрес фонового изображения. text=[цвет]

Цвет текста документа. bgcolor=[цвет]

Цвет фона документа. link= [цвет]

Цвет непросмотренной ссылки. vlink=[цвет]

Цвет просмотренной ссылки. alink=[цвет]

Цвет ссылки в момент, когда она выбрана пользователем. Пример: <body bgcolor=white vlink=maroon>

text=black

link=red

alink=fuchsia

...тело документа... </body> <br>

Принудительный переход на новую строку. Атрибуты: clear=left | right | all | none

Передвигает перемещаемый фрагмент соответственно влево (left), вправо (right), к обоим краям одновременно (all) или не передвигает вовсе (none). Пример: <br>Каждое<br>слово<br>с<br>новой<br>строки <button>...</button>

В форме создается кнопка. Кнопки, создаваемые с помощью этого элемента, действуют так же, как и кнопки, создаваемые с помощью элемента <input>...</input>, но они обеспечивают более богатые возможности представления: элемент <button>...</button> может иметь содержимое. Визуальные браузеры пользователей могут представлять кнопки <button>...</button> рельефно или с эффектом нажатия при щелчке мыши, в то время как кнопки <input>...</input> могут представляться только как «плоские» изображения.


Приложение 2. Краткий справочник по HTML

9

Атрибуты: name=[имя]

Определяет имя кнопки. value=[строка]

Определяет начальное значение кнопки. =submit | reset | button

Определяет тип кнопки: submit – кнопка отправки, reset – кнопка сброса, button – другая кнопка. Пример: <button name="submit" type="submit">Передать информацию</button> <caption>...</caption>

Представление заголовка для таблицы. Отображается обычным шрифтом. Атрибуты: align=top | bottom | left | right

Расположение заголовка относительно таблицы: вверху умолчанию), внизу (bottom), слева (left), справа (right).

(top)

(по

Пример: <table> <caption>Курсы иностранных валют</caption> ...тело таблицы... </table> <center>...</center>

Выравнивание фрагментов документа по центру страницы. Использование данного элемента нежелательно. Вместо него следует применять соответствующее свойство языка таблиц стилей. Атрибуты:

Нет. Пример: <center>Этот текст центрирован</center> <cite>...</cite>

Представление ссылок или цитат из других источников, например, ссылки на название книги.


10

Самоучитель создания Web-страниц и Web-сайтов Атрибуты:

Нет. Пример: Это цитата из романа <cite>Война и мир</cite> <code>...</code>

Представление программного кода. Атрибуты:

Нет. Пример: Выражения типа использоваться.

<code>a[i++]

+

b[i++]</code>

не

должны

<col>

Позволяет группировать определения атрибутов для столбцов таблицы. Данный элемент не группирует столбцы структурно – эту роль выполняет элемент <colgroup>...</colgroup>. Элементы <col> являются пустыми и служат только для поддержания атрибутов. Они могут находиться внутри или вне явной группы столбцов, т.е. элемента <colgroup>...</colgroup>. Атрибуты: span=[число]

Этот атрибут, значением которого должно быть целое число больше нуля, определяет число столбцов, сгруппированных элементом <col>; атрибуты элемента <col> распространяются на все столбцы, которые он группирует. Значение по умолчанию для этого атрибута – 1, т.е. элемент <col> группирует один столбец. Если для данного атрибута установлено значение N > 1, то атрибуты текущего элемента <col> распространяются на следующие N-1 столбцы. width=[число]

Определяет ширину каждого столбца, сгруппированного текущим элементом <col>, используемую по умолчанию. Он принимает то же значение, что и атрибут width элемента <colgroup>...</colgroup> и имеет над ним приоритет. Пример: <col span="5" width="50"> <colgroup>...</colgroup>

Группирование столбцов в таблице.


Приложение 2. Краткий справочник по HTML

11

Атрибуты: span=[число]

Этот атрибут, значением которого должно быть целое число больше нуля, определяет число столбцов в группе. Значения означают следующее: 4 при отсутствии атрибута span каждый элемент <colgroup>...</colgroup> определяет группу, состоящую из одного столбца; 4 если для атрибута span установлено значение N > 0, текущий элемент <colgroup>...</colgroup> определяет группу, содержащую N столбцов. Браузеры пользователей должны игнорировать этот атрибут, если элемент <colgroup>...</colgroup> содержит один или несколько элементов col. width=[число]

Определяет ширину каждого столбца в текущей группе. Кроме стандартных значений в пикселах, процентах и относительных значений, в данном атрибуте может использоваться специальная форма 0* (ноль со звездочкой), которая означает, что ширина каждого столбца в группе должна быть минимальной, необходимой для размещения содержимого столбца. Следует знать, что использование 0* не позволит браузерам генерировать таблицу последовательно. Этот атрибут переопределяется для любого столбца из группы, для которого значение атрибута width задано в элементе col. Пример:

Таблица из 30 столбцов, каждый из которых имеет ширину 20 пикселов: <colgroup span="30" width="20"></colgroup>

Такое определение проще, чем: <colgroup> <col width="20"> <col width="20"> ...все 30 элементов col... </colgroup> <dd>...</dd>

Обеспечивает определение термина в элементе <dl>...</dl>. Списки определений незначительно отличаются от других типов списков тем, что элементы состоят из двух частей: термина и определения. Термин обозначается с помощью элемента <dt>...</dt>. Определение указывается с помощью элемента <dd>...</dd>. Множество элементов <dt>...</dt> может быть при единственном элементе <dd>...</dd>. То есть несколько терминов могут иметь одно и тоже определение. Документ не должен содержать несколько последовательных элементов <dd>...</dd>. Закрывающий тег не обязателен. Атрибуты:

Нет. Пример: <dt>Окружность


12

Самоучитель создания Web-страниц и Web-сайтов <dd>Геометрическое точки.

место

точек,

равноотстоящих

от

одной

<dfn>...</dfn>

Указывает, что данное слово является определением. Это фрагмент текста, который должен представляться с некоторыми отличиями от обычного текста, например выделением курсивом. Но многие браузеры эффективно не поддерживают данный элемент и представляют его как обычный текст. Атрибуты:

Нет. Пример: <dfn>Компьютер</dfn> информации.

универсальная

машина

для

обработки

<dir>...</dir>

Ненумерованный список в каталоге. На практике большинство браузеров представляют элемент <dir>...</dir> так же, как элемент <ul>...</ul>. Использование тегов <dir>...</dir> нежелательно. Вместо них рекомендуется использовать теги <ul>...</ul>. Атрибуты: compact

Более компактный стиль отображения. Пример: <dir> <li>Один <li>Два <li>Три </dir> <div>...</div>

Разделение документа так, что к различным его частям могут быть применены различные выравнивания: влево, по центру, вправо. Программы просмотра не всегда выделяют абзац до и после элемента <div>...</div>. Поэтому, если нужно явно отобразить новый абзац, используйте элемент <p>...</p> с атрибутом align. Атрибуты: align=left | center | right | justify

Выравнивание текста в пределах элемента: влево (left), по центру (center), вправо (right), по обоим краям (justify).


Приложение 2. Краткий справочник по HTML

13

Пример: <div align=center>Этот текст центрирован.</div> <dl>...</dl>

Список определений для терминов, имен, описаний и т.д. Списки определений незначительно отличаются от других типов списков тем, что их элементы состоят из двух частей: термина и определения. Термин обозначается с помощью элемента <dt>...</dt>. Определение указывается с помощью элемента <dd>...</dd>. Наиболее типичным является следующее отображение: слева – выделенный термин, затем – определение, представленное в виде отступа, но без маркера. Отображение должно поддерживать связь каждого определения с соответствующим термином. Элементы <dl>...</dl> должны быть спарены с соответствующими элементами <dd>...</dd>. При единственном элементе <dd>...</dd> может быть множество элементов <dt>...</dt>. То есть несколько терминов могут иметь одно и то же определение. Документ не должен содержать несколько последовательных элементов <dd>...</dd>. Атрибуты: compact

Более компактный стиль отображения. Пример: <dl compact> <dt>А <dd>Первая буква алфавита <dt>Б <dd>Вторая буква алфавита <dt>В <dd>Третья буква алфавита </dl> <dt>...</dt>

Представление термина в списке определений, созданном элементом <dl>...</dl>. Возможно множество элементов <dt>...</dt> при единственном элементе <dd>...</dd>. То есть несколько терминов могут иметь одно и то же определение. Конечный тег </dt> может быть опущен. Атрибуты:

Нет. Пример: <dl> <dt>HTML


14

Самоучитель создания Web-страниц и Web-сайтов <dd>Термин HTML (HyperText Markup Language) означает язык маркировки гипертекста. <dt>HTML-документ <dd>Текстовый файл с расширением *.htm или *.html. </dl>

<em>...</em>

Выделение текста. Обычно отображается курсивом, но некоторые браузеры могут использовать подчеркивание. Более сильное выделение реализуется элементом <strong>...<strong>. Атрибуты:

Нет. Пример: <em>em</em> – От английского emphasis – акцент. <font>...</font>

Изменяет размер и цвет шрифта текста, содержащегося в данном элементе. Использование элемента <font>...</font> нежелательно. Вместо него следует применять соответствующие конструкции языка каскадных таблиц стилей. Атрибуты: size=[число]

Устанавливает размер шрифта. Возможные значения: 4

целое число от 1 до 7. Устанавливает фиксированный размер шрифта, представление которого зависит от браузера пользователя. Не все браузеры могут представлять все семь размеров.

4

числа от -7 до +7, характеризующие относительное изменение размера шрифта. Значение +1 означает на один размер больше. Значение -3 означает шрифт на три размера меньше. Все размеры относятся к шкале от 1 до 7.

face=[строка]

Этот атрибут определяет список разделенных запятыми названий шрифтов, поиск которых браузер пользователя должен выполнить в порядке приоритета color =[цвет]

Устанавливает цвет текста. Пример: <font size=5 color=red>HTML</font>


Приложение 2. Краткий справочник по HTML

15

<form>...</form>

Данный элемент создает форму. Атрибуты: action=[url] | [mailto]

Задает программу для обработки заполненной и переданной формы. Получающая форму программа должна иметь возможность определения пар имя/значение, чтобы их использовать. Значением данного атрибута может быть url для передачи формы в программу или mailto – для отправки формы по электронной почте. method=get | post

Определяет метод HTTP, используемый для передачи набора данных формы на сервер. Возможные значения – get (по умолчанию) и post. enctype=[тип содержимого]

Задает тип содержимого, используемый для отправки формы на сервер, если в качестве метода используется значение post. По умолчанию для этого атрибута используется значение application/x-www-form-urlencoded. С элементом <input type="file"> должно использоваться значение multipart/form-data. accept-charset=[список наборов символов]

Задает список кодировок символов для ввода данных, которые должны приниматься обрабатывающим эту форму сервером. Браузеры могут рекомендовать пользователю значение атрибута accept-charset и/или не позволять пользователям вводить нераспознаваемые символы. accept=[список типов содержимого]

Определяет разделенный запятыми список типов содержимого, которые должен корректно обрабатывать сервер, получающий форму. Примеры типов содержимого: "text/html", "image/png", "image/gif", "video/mpeg", "audio/basic", "text/tcl", "text/javascript", "text/vbscript". Пример: <form action="http://comesite.com/prog/user" method="post"> ...Содержимое формы... </form> <frame>

Определяет содержимое и вид одного фрейма. Атрибуты: name=[имя]

Назначает имя текущему фрейму. Это имя может использоваться в последующих ссылках.


16

Самоучитель создания Web-страниц и Web-сайтов longdesc=[url]

Ссылка на длинное описание фрейма. Данное объявление должно дополнять краткое описание, задаваемое атрибутом title, и может быть особенно полезно для невизуальных браузеров. Атрибут title=[строка] предоставляет информацию об элементе, для которого он устанавливается. В отличие от элемента <title>...</title>, который предоставляет информацию обо всем документе и может присутствовать в HTML-тексте только один раз, атрибут title может сопровождать все элементы, кроме <base>, <basefont>, <head>...</head>, <html>...</html>, <meta>, <param>, <script>...</script>, <style>...<stile>, <title>...<title>. Значения атрибута title могут использоваться программами просмотра поразному. Например, визуальные браузеры часто отображают его как подсказку – краткое сообщение, которое появляется при указании мышью на объект. Речевые браузеры могут проговаривать информацию заголовка. Например, установка этого атрибута для ссылки позволяет браузерам – визуальным и невизуальным – сообщить пользователям о природе связанного ресурса. src=[url]

Определяет местонахождение начального содержимого фрейма. noresize

Если этот атрибут присутствует, он сообщает браузеру, что размеры фрейма изменять нельзя. scrolling=auto | yes | no Атрибут задает информацию о прокрутке фрейма. Возможные значения: auto (авто) – при необходимости отображать полосы прокрутки. Это значение используется по умолчанию; yes (да) – всегда отображать полосы прокрутки; no (нет) – не отображать полосы прокрутки. frameborder=1 | 0 Предоставляет браузеру информацию о границе фрейма. Возможные значения: 1 – браузер должен изобразить разделитель между этим фреймам и всеми прилегающими фреймами; это значение используется по умолчанию; 0 – браузер не должен отображать разделитель. Обратите внимание, что разделители могут все равно отображаться, если они заданы в других фреймах. marginwidth=[число]

Задает пространство в пикселах, оставляемое во фрейме в качестве левого и правого полей. Значение должно превышать один пиксел. Значение по умолчанию зависит от браузера. marginheight=[число]

Определяет размер в пикселах верхнего и нижнего полей во фрейме. Значение должно превышать один пиксел. Значение по умолчанию зависит от браузера.


Приложение 2. Краткий справочник по HTML

17

Пример: 1.

Определение исходного документа, содержащегося в фрейме: <frame src="http://www.anekdot.ru/index.html">

2.

Визуальное представление фреймов: <frame src="contents.html" scrolling="no"> <frame src="contents.gif" marginwidth="10" marginheight="15" noresize> <frame src="contents1.html" frameborder="0">

3.

Определение имени фрейма: <frame name="fixed" src="init.html">

<frameset>...</frameset>

Создает фреймы в виде прямоугольных участков в основном окне пользователя. Атрибуты: rows=[список]

Определяет расположение горизонтальных фреймов. Это – разделенный запятыми список пикселов, процентов или относительных длин. По умолчанию используется 100%, что означает одну строку. cols=[список]

Определяет расположение вертикальных фреймов. Это разделенный запятыми список пикселов, процентов или относительных длин. По умолчанию используется 100%, что означат один столбец. Для создания сетки можно установить оба атрибута одновременно. Если атрибут rows не установлен, каждый столбец занимает всю длину страницы. Если атрибут cols не установлен, каждая строка занимает всю ширину страницы. Если не установлен ни один из этих атрибутов, фрейм занимает всю страницу. Фреймы создаются в направлении слева направо для столбцов и сверху вниз для строк. Если указаны оба атрибута, разделы окон создаются слева направо в первой строке, слева направо во второй строке и т.д. Пример:

1. Экран разделяется по горизонтали на две части: <frameset rows="50%, 50%">...</frameset>

2. Создаются три столбца: второй имеет фиксированную ширину 250 пикселов – это полезно, например, для представления изображения известной ширины. Первый фрейм получает 25% оставшегося пространства, а третий – 75%: <frameset cols="1*,250,3*">...</frameset>

3. Создается сетка фреймов 2x3: <frameset rows="30%,70%" cols="33%,34%,33%">...</frameset>


18

Самоучитель создания Web-страниц и Web-сайтов

4. Предположим, что окно браузера имеет высоту строго 1000 пикселов. Первый раздел получает 30% общей высоты – 300 пикселов. Второй имеет высоту ровно 400 пикселов. Остается 300 пикселов на два другие фрейма. Для четвертого фрейма задана высота 2*, так что он должен быть вдвое выше третьего, для которого заданы высота * (эквивалентно 1*). Таким образом, третий фрейм будет иметь высоту 100 пикселов, а четвертый – 200: <frameset rows="30%,400,*,2*">...</frameset> <h1>...</h1>, <h2>...</h2>, <h3>...</h3>, <h4>...</h4>, <h5>...</h5>, <h6>...</h6>

Данные элементы создают заголовки. Заголовок кратко описывает содержание раздела, которому он предшествует. Информация из заголовка может использоваться браузерами пользователей, например для автоматического построения оглавления документа. В языке HTML существует шесть уровней заголовков: <h1>...</h1> – наиболее важный, <h6>...</h6> – наименее важный. Более важные заголовки обычно отображаются большими шрифтами, чем менее важные. Атрибуты: align=left | center | right

Выравнивание текста в пределах элемента: влево (left), по центру (center), вправо (right). Пример: <h1 align=center>Привет всем!</h1> <head>...</head>

Содержит информацию о текущем документе, такую, как заголовок, ключевые слова, которые могут использоваться поисковыми машинами, и другие данные, не считающиеся содержимым документа. Браузеры обычно не используют элементы из раздела <head>...</head>. Однако они могут предоставлять пользователям информацию из раздела <head>...</head> с помощью своих собственных механизмов. В элементе <head>...</head> обязательно содержится один элемент <title>...</title> и необязательно, в любом порядке элементы: <isindex>, <base>, <meta>, <link>, <style>...</style> и <script>...</script>. Атрибуты: profile=[url]

Указывает местоположение одного или нескольких профилей метаданных, отделяемое пробелами. Пример: <head> <title>Типичные неисправности аппаратуры</title> </head>


Приложение 2. Краткий справочник по HTML

19

<hr>

Разделитель в виде горизонтальной черты. Атрибуты: align=left | center | right

Горизонтальное выравнивание разделителя относительно краев документа: влево (left), по центру (center), вправо (right). По умолчанию – center (по центру). noshade

Если этот атрибут установлен, он предлагает браузеру пользователя представлять разделитель сплошным цветом, а не обычным двухцветным стилем. size=[число]

Задает высоту разделителя в пикселах. Значение по умолчанию зависит от браузера. width=[ширина]

Указывает ширину разделителя. По умолчанию используется 100%, т.е. вся ширина страницы. Пример: <hr align=left noshade size=5 width=100> <html>...</html>

Элемент верхнего уровня в языке HTML. После объявления типа остальная часть документа HTML содержится в элементе <html>...</html>. Атрибуты: version=[строка]

Указывает версию HTML, которой подчиняется документ. Данный атрибут является нежелательным, поскольку он является избыточным при наличии информации о версии, указываемой в объявлении типа документа. Пример:

Элемент <html>...</html> с предшествующим ему объявлением типа документа и информацией о версии HTML: <!doctype HTML public "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> <html> ...Заголовок, тело и т.д... </html>


20

Самоучитель создания Web-страниц и Web-сайтов

<i>...</i>

Представление текста курсивом. Атрибуты:

Нет. Пример: <i>Курсив</i> <iframe>

Позволяет вставлять фрейм в блок текста. Вставка встроенного фрейма в раздел текста скорее похожа на вставку объекта с помощью элемента <object>...</object>: оба они позволяют вставить один документ HTML в другой, оба могут выравниваться относительно окружающего текста и т.д. Атрибуты: name=[имя]

Назначает имя текущему фрейму. Это имя может использоваться в качестве цели в последующих ссылках. longdesc=[url]

Ссылка на длинное описание фрейма. Данное объявление должно дополнять краткое описание, задаваемое атрибутом title, и может быть особенно полезно для невизуальных браузеров. Атрибут title=[строка] предоставляет информацию об элементе, для которого он устанавливается. В отличие от элемента <title>...</title>, который предоставляет информацию обо всем документе и может присутствовать в HTML-тексте только один раз, атрибут title может сопровождать все элементы, кроме <base>, <basefont>, <head>...</head>, <html>...</html>, <meta>, <param>, <script>...</script>, <style>...<stile>, <title>...<title>. Значения атрибута title могут использоваться программами просмотра поразному. Например, визуальные браузеры часто отображают его как подсказку – краткое сообщение, которое появляется при указании мышью на объект. Речевые браузеры могут проговаривать информацию заголовка. Например, установка этого атрибута для ссылки позволяет браузерам – визуальным и невизуальным – сообщить пользователям о природе связанного ресурса. src=[url]

Определяет местонахождение начального содержимого фрейма. scrolling=auto | yes | no

Задает информацию о прокрутке фрейма. Возможные значения: auto (авто) – при необходимости отображать полосы прокрутки, это значение


Приложение 2. Краткий справочник по HTML

21

используется по умолчанию; yes (да) – всегда отображать полосы прокрутки; no (нет) – не отображать полосы прокрутки. frameborder=1 | 0

Предоставляет браузеру информацию о границе фрейма. Возможные значения: 1 – браузер должен изобразить разделитель между этим фреймом и всеми прилегающими фреймами. Это значение используется по умолчанию; 0 – браузер не должен отображать разделитель. Обратите внимание, что разделители могут все равно отображаться, если они заданы в других фреймах. marginwidth=[число]

Задает пространство в пикселах, оставляемое во фрейме в качестве левого и правого полей. Значение должно превышать один пиксел. Значение по умолчанию зависит от браузера. marginheight=[число]

Определяет размер в пикселах верхнего и нижнего полей фрейма. Значение должно превышать один пиксел. Значение по умолчанию зависит от браузера. align=left | center | right | justify

Горизонтальное выравнивание разделителя относительно краев документа: влево (left), по центру (center), вправо (right), по обоим краям (justify). Пример: <iframe src="soo.html" width="400" scrolling="auto" frameborder="1">

height="500"

<img>

Внедряет изображение в текущий документ по адресу из определения элемента. Атрибуты: src=[url]

Задает местоположение изображения. alt=[строка]

Для браузеров пользователей, не имеющих возможности изображения, этот атрибут определяет альтернативный текст.

вывести

longdesc=[url]

Определяет ссылку на длинное описание изображения. Это описание должно дополнять краткое описание, задаваемое атрибутом alt. Если с изображением связана навигационная карта, в этом атрибуте должна приводиться информация о ее содержимом. Это особенно важно для серверных навигационных карт. width=[число]

Переопределение ширины изображения.


22

Самоучитель создания Web-страниц и Web-сайтов height=[число]

Переопределение высоты изображения. usemap=[url]

Связывает навигационную карту с элементом. Навигационная карта определяется с помощью элемента <map>...</map>. Значение атрибута usemap должно совпадать со значением атрибута name связанного элемента <map>...</map>. ismap

Определяет серверную навигационную карту. Когда пользователь активизирует ссылку, щелкнув на изображении, экранные координаты, заданные в пикселах, отправляются непосредственно на сервер, на котором располагается документ. Пример:

Активная область определяет серверную ссылку. Таким образом, щелчок мышью в любой точке изображения вызовет передачу координат на сервер: <a href="http://www.acme.com/cgi-bin/competition"> <img src="game.gif" ismap alt="target"></a> <input>

Создает управляющий элемент, тип которого зависит от значения атрибута type. Атрибуты: type=text | password | checkbox | radio | submit | reset | file | hidden | image | button

Определяет тип управляющего элемента (по умолчанию используется значение text): text – Создает однострочное поле ввода текста. password – Аналогичен значению text, но вводимый в поле текст

представляется таким образом, чтобы не отображать символы, например в виде ряда звездочек. Этот управляющий элемент часто используется для ввода паролей. Обратите внимание, что текущим значением является текст, введенный пользователем, а не текст, представляемый браузером. Следует обратить внимание также на то, что этот механизм обеспечивает только слабую защиту. Хотя пароль маскируется браузером пользователя от случайных наблюдателей, он передается на сервер в виде открытого текста, и его может прочесть любой пользователь, имеющий доступ к сети. checkbox – Создает флажок. radio – Создает переключатель. submit – Создает кнопку отправки. image – Создает графическую кнопку отправки. Значение атрибута src

задает URL изображения, используемого для представления кнопки.


Приложение 2. Краткий справочник по HTML

23

Из соображений доступности авторам следует предусматривать альтернативный текст для изображения с помощью атрибута alt. reset – Создает кнопку сброса. button – Создает другую кнопку. Браузеры пользователей должны использовать в качестве метки на кнопке значение атрибута value. hidden – Создает невидимый управляющий элемент. file – Создает управляющий элемент для выбора файла. Браузеры пользователей могут использовать значение атрибута value в качестве исходного имени файла. name=[имя]

Определяет имя управляющего элемента. value=[строка]

Определяет начальное значение управляющего элемента. Этот атрибут не обязателен, если только для атрибута type не установлено значение radio. size=[число]

Сообщает браузеру пользователя начальную ширину управляющего элемента. Ширина задается в пикселах, если для атрибута type не установлено значение text или password. В этом случае ширина задается в виде количества символов. maxlength=[число]

Если для атрибута type установлено значение text или password, данный атрибут определяет максимальное число символов, вводимых пользователем. Это число может превышать указанный в атрибуте size размер поля; в таком случае браузер пользователя должен обеспечивать механизм прокрутки. По умолчанию число символов не ограничено. checked

Если для атрибута type установлено значение radio или checkbox, этот логический атрибут указывает, что переключатель или флажок установлен. Браузеры пользователей должны игнорировать данный атрибут для других типов управляющих элементов. src=[url]

Если атрибут type имеет значение image, данный атрибут определяет местоположение изображения, используемое для представления графической кнопки. Пример:

В следующем фрагменте кода HTML определяется простая форма, позволяющая пользователям вводить имя, фамилию, адрес электронной почты и пол. В случае активизации кнопки отправки, форма передается программе, указанной в атрибуте action. <form action="http://somesite.com/prog/adduser" method="post">


24

Самоучитель создания Web-страниц и Web-сайтов <p> Имя: <input type="text" name="firstname"><br> Фамилия: <input type="text" name="lastname"><br> E-mail: <input type="text" name="email"><br> <input type="radio" name="sex" value="Male"> Мужской<br> <input type="radio" name="sex" value="Female"> Женский<br> <input type="submit" value="Отправить"> <input type="reset"> </p> </form>

<isindex>

Создает однострочное текстовое поле ввода, в которое можно ввести любое количество символов. Использование данного элемента нежелательно. Вместо него следует применять тег <input>. Атрибуты: prompt=[строка]

Задает строку запроса для поля ввода. Пример: <isindex prompt="Введите фразу для поиска: ">

Такое же поле ввода можно создать с использованием элемента <input> следующим образом: <form action="http://www.acme.com" method="post"> <p>Введите фразу для поиска: <input type="text"></p> </form> <kbd>...</kbd>

Представление текста, который должен вводиться пользователем. Атрибуты:

Нет. Пример: Введите <kbd>имя</kbd> и нажмите клавишу Enter. <label>...</label>

Элемент <label>...</label> может использоваться для прикрепления информации к элементам управления формы. Каждый элемент <label>...</label> связан ровно с одним управляющим элементом формы.


Приложение 2. Краткий справочник по HTML

25

Атрибуты: for=[имя]

Атрибут for явно связывает метку с другим управляющим элементом: значение атрибута for должно совпадать со значением атрибута id связанного управляющего элемента. С одним и тем же управляющим элементом может быть связано несколько элементов <label>...</label>, если создать несколько ссылок с помощью атрибута for. Атрибут id=[имя] может использовать во всех элементах HTML, кроме <base>, <head>...</head>, <html>...</html>, <meta>, <script>...<script>, <style>...<style>, <title>...<title> для назначения имени данному элементу, которое в пределах документа должно быть уникальным. Пример:

В следующем примере создается таблица, которая используется для выравнивания двух полей для ввода текста, и связанные с полями ввода метки: <form action="http://site.net/program/user" method="post"> <table> <tr> <td><label for="fname">Имя:</label> <td><input type="text" name="firstname" id="fname"> <tr> <td><label for="lname">Фамилия:</label> <td><input type="text" name="lastname" id="lname"> </table> </form> <li>...</li>

Представление элемента списка. Конечный тег можно опустить. Атрибуты: value=[число]

Только для упорядоченных списков <ol>...</ol>. Этот атрибут устанавливает номер текущего элемента списка. Следует помнить, что, хотя значением атрибута является целое число, соответствующая метка может быть не числовой (см. атрибут start элемента <ol>...</ol>). Пример:

В упорядоченных списках невозможно продолжать нумерацию автоматически из предыдущего списка или убирать нумерацию для некоторых элементов. Однако можно пропустить несколько элементов списка, установив для них атрибут value. Нумерация для последующих элементов списка продолжается с нового значения:


26

Самоучитель создания Web-страниц и Web-сайтов <ol> <li value="20"> Элемент списка номер 20. <li value="30"> Элемент списка номер 30. <li> Элемент списка номер 31. </ol>

<link>

Определяет связь. В отличие от элемента <a>...</a>, он может присутствовать только в разделе <head>...</head> документа неограниченное число раз. Хотя элемент <link> не имеет содержимого, он хранит информацию об отношениях, которая может представляться браузерами пользователей различными способами, например в виде открывающегося списка ссылок. Атрибуты: href=[url]

Определяет местоположение ресурса Web. rel=[список типов ссылок]

Описывает отношение текущего документа к ссылке, заданной атрибутом href. Значением этого атрибута является разделенный пробелами список типов ссылок: alternate – Обозначает альтернативные версии документа, в котором

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

поисковым машинам, какой документ автор считает началом набора. next – Обозначает следующий документ в линейной последовательности

документов. Браузеры пользователей могут предварительно загружать документ next для сокращения времени загрузки. prev –

Обозначает предыдущий документ в упорядоченной серии документов. Некоторые браузеры пользователей также поддерживают синоним previous.

contents – Обозначает документ, служащий содержанием. Некоторые браузеры также поддерживают синоним ToC (от «Table of Contents»). index – Обозначает документ, являющийся указателем текущего документа. glossary – Обозначает документ – глоссарий терминов, относящихся к текущему документу. copyright – Обозначает информацию об авторском праве для текущего документа. chapter – Обозначает документ, являющийся главой в наборе документов.


Приложение 2. Краткий справочник по HTML

– Обозначает документов.

section

документ,

27

являющийся

разделом

в

наборе

subsection – Обозначает документ, являющийся подразделом в наборе

документов. appendix – Обозначает документ, являющийся приложением в наборе документов. help – Обозначает документ, содержащий справку – более подробную информацию, ссылки на другие информационные ресурсы и т.д. bookmark – Обозначает закладку. Закладка – это ссылка на ключевую точку

в расширенном документе. Для пометки закладки может использоваться, например, атрибут title. В каждом документе можно определить несколько закладок. Атрибут title=[строка] предоставляет информацию об элементе, для которого он устанавливается. В отличие от элемента <title>...</title>, который предоставляет информацию обо всем документе и может присутствовать в HTML-тексте только один раз, атрибут title может сопровождать все элементы, кроме <base>, <basefont>, <head>...</head>, <html>...</html>, <meta>, <param>, <script>...</script>, <style>...<stile>, <title>...<title>. Значения атрибута title могут использоваться программами просмотра поразному. Например, визуальные браузеры часто отображают его как подсказку – краткое сообщение, которое появляется при указании мышью на объект. Речевые браузеры могут проговаривать информацию заголовка. Например, установка этого атрибута для ссылки позволяет браузерам – визуальным и невизуальным – сообщить пользователям о природе связанного ресурса. rev=[список типов ссылок]

Используется для описания обратной ссылки из якоря, задаваемого атрибутом href, в текущий документ. Значением этого атрибута является разделенный пробелами список типов ссылок (см. выше для атрибута rel). Пример:

В данном примере показано, как несколько определений элемента <link> могут быть представлены в разделе <head>...</head> документа. Текущим документом является Chapter2.html. Атрибут rel указывает отношение связанного документа с текущим документом. <head> <title>Глава 2</title> <link rel="index" href="../index.html"> <link rel="next" href="Chapter3.html"> <link rel="prev" href="Chapter1.html"> </head>


28

Самоучитель создания Web-страниц и Web-сайтов

<map>...</map>

Создает клиентскую навигационную карту, которая может быть связана с одним или несколькими HTML-элементами: <img>, <object> или <input>. Навигационная карта связывается с элементом с помощью атрибута usemap. Навигационные карты позволяют авторам определять области изображения или объекта и назначать каждой из них определенное действие, например: загрузку документа, запуск программы и т.д. Когда область активизируется пользователем, выполняется заданное действие. Навигационная карта создается путем назначения объекта с указанием соответствующих геометрических областей. Существует два типа навигационных карт: 4

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

4

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

Клиентские навигационные карты являются более предпочтительными по сравнению с серверными по крайней мере по двум причинам: они доступны пользователям неграфических браузеров и позволяют незамедлительно определить, находится ли указатель в активной области. Атрибуты: name=[имя]

Назначает

имя

навигационной

карте,

определяемой

<map>...</map>, отсылающее к атрибуту usemap тега <img>. Пример: <img src="Obraz.gif" border=1 usemap="#p"> <map name="p"> <area href="r.html" alt="Процессоры" shape="rect" coords="0,0,100,100"> <area href="ab.html" alt="Память" shape="rect" coords="100,0,200,100"> <area href="pt.html" alt="Видеокарты" shape="rect" coords="300,0,400,100"> <area href="st.html" alt="Мониторы" shape="rect" coords="400,0,500,100"> </map>

элементом


Приложение 2. Краткий справочник по HTML

29

<menu>...</menu>

Представляет информацию в формате, подобном меню. Предназначается для использования в списках меню, состоящих из одного столбца. Элемент имеет ту же структуру, что и элемент <ul>...</ul>. На практике браузеры генерируют список <menu>...</menu> точно так же, как список <ul>...</ul>. При использовании элемента <menu>...</menu> реализуется не привычный выбор из меню, а только высвечивается меню ключевых слов. Чтобы отобразить выбор из меню, можно использовать элементы <a>...</a>. Рекомендуется использовать вместо <menu>...</menu> элемент <ul>...</ul>. Атрибуты: compact

Сокращенные промежутки между элементами списка. Пример: <menu> <li>Отменить <li>Вырезать <li>Копировать <li>Вставить <li>Найти <li>Найти далее </menu> <meta>

Для задания метаинформации – информации о документе, т.е. пар имя/значение, описывающих свойства документа, например: авторство, истечение даты, список ключевых слов и т.д. Элементы <meta> не влияют на отображение самого документа. Атрибуты: name=[имя]

Определяет имя свойства. В данной спецификации не перечисляются допустимые значения этого атрибута. content=[строка]

Определяет значение свойства. В данной спецификации не перечисляются допустимые значения этого атрибута. scheme=[строка]

Определяет имя схемы, используемой для интерпретации значения свойства. http-equiv=[строка]

Может использоваться вместо атрибута name. Серверы HTTP используют этот атрибут для сбора информации для заголовков сообщений ответов HTTP.


30

Самоучитель создания Web-страниц и Web-сайтов Пример: <meta http-equiv="Content-Type" content="text/html"; charset="Windows-1251">

<noframes>...</noframes>

Задает содержимое, которое должно отображаться только в том случае, если не отображаются фреймы. Браузеры пользователей, поддерживающие фреймы, должны отображать содержимое объявления <noframes>...</noframes>, только если они сконфигурированы так, чтобы не отображать фреймы. Браузеры, не поддерживающие фреймы, должны отображать содержимое элемента <noframes>...</noframes> в любом случае. Атрибуты:

Нет. Пример:

Элемент

<noframes>...</noframes> можно использовать <frameset>...</frameset> документа с фреймами:

в

разделе

<frameset cols="50%, 50%"> <frame src="main.html"> <frame src="table.html"> <noframes> <p>Это <a фреймов</a>

href="noframes.html">версия

документа

без

</noframes> </frameset> <noscript>...</noscript>

Позволяет авторам определять альтернативное содержимое, когда скрипт не выполняется. Содержимое элемента <noscript>...</noscript> должно генерироваться браузерами пользователей, поддерживающими скрипты, только когда браузер сконфигурирован так, чтобы не выполнять скрипты, или браузер не поддерживает язык скриптов, используемый элементом <script>...</script>. Браузеры, не поддерживающие клиентские скрипты, должны представлять содержимое данного элемента. Атрибуты:

Нет. Пример:

В следующем примере браузер, выполняющий элемент <script>...</script>, включит в документ динамически создаваемые данные. Если браузер пользователя не поддерживает скрипты, пользователь может загрузить эти данные по ссылке.


Приложение 2. Краткий справочник по HTML

31

<script type="text/tcl"> ...скрипт на языке Tcl для вставки данных... </script> <noscript> <p><a href="http://www.place.com/data">Доступ к данным</a> </noscript> <object>...</object>

Позволяет управлять генерацией данных – задавать внешнюю генерацию или использование некоторой, определяемой автором, программы, генерирующей данные в браузере пользователя. В большинстве браузеров имеются встроенные механизмы для генерации основных типов данных, таких как текст, изображения в формате GIF, цвета, шрифты и ряд графических элементов. Для генерации типов данных, которые браузеры не поддерживают по умолчанию, они обычно запускают внешние приложения. В более общем случае автор должен определить три типа информации: 4 реализация включенного объекта. Например, если включенный объект – апплет, необходимо указать местоположение исполняемого кода апплета; 4 генерируемые данные. Например, если включенный объект является программой, генерирующей данные шрифта, следует указать местоположение этих данных; 4 дополнительные значения, необхо��имые объекту. Например, некоторым апплетам могут быть нужны исходные значения для их параметров. Элемент <object>...</object> позволяет указать все три типа данных объекта, но авторы могут не указывать их все. Некоторым объектам не требуются данные, например апплетам, выполняющим анимацию. Другим может быть не нужна инициализация. Третьим может не понадобиться дополнительная информация о реализации, то есть сам браузер может уже знать, как генерировать этот тип данных, например изображения в формате GIF. Авторы задают реализацию объекта и местоположение данных, генерируемых с помощью элемента <object>...</object>. Однако для указания рабочих значений следует использовать элемент <param>. <object>...</object> может также присутствовать внутри элемента <head>...</head>. Поскольку программы просмотра обычно не генерируют элементы в заголовках, следует убедиться, что во всех элементах <object>...</object> в <head>...</head> нет содержимого, которое должно генерироваться.

Элемент

Атрибуты: classid=[url]

Может использоваться для указания местоположения объекта с помощью URL вместе с атрибутом data или как альтернатива ему, в зависимости от типа объекта. codebase=[url]

Определяет базовый путь, используемый для разрешения относительных адресов URL, задаваемых в атрибутах classid, data и archive. Если этот


32

Самоучитель создания Web-страниц и Web-сайтов

атрибут отсутствует, значением по умолчанию является базовый адрес URL текущего документа. codetype=[тип содержимого]

Определяет тип содержимого данных, получения которых следует ожидать при загрузке объекта, задаваемого атрибутом classid. Этот атрибут не является обязательным, но рекомендуется, если используется атрибут classid, поскольку он позволяет программе просмотра избежать загрузки информации для типа содержимого, который она не поддерживает. Если этот атрибут отсутствует, по умолчанию используется значение атрибута type. data=[url]

Используется для указания местоположения данных, например данных для отображения объектов. Если задается относительный адрес URL, он должен интерпретироваться относительно атрибута codebase. type=[тип содержимого]

Определяет тип содержимого для данных, задаваемых атрибутом data. Этот атрибут не является обязательным, но рекомендуется, если используется атрибут data, поскольку он позволяет браузерам избежать загрузки информации для типа содержимого, который они не поддерживают. archive=[список url]

Может использоваться для определения разделенного пробелами списка адресов URL архивов, содержащих относящиеся к объекту ресурсы, который может включать ресурсы, задаваемые атрибутами classid и data. Предварительная загрузка архивов приведет к уменьшению времени загрузки объекта. Архивы, указанные в виде относительных адресов URL, должны интерпретироваться относительно атрибута codebase. declare

Если этот логический атрибут указан, он делает текущее определение <object>...</object> только объявлением. standby=[строка]

Определяет сообщение, которое браузер может генерировать при загрузке данных объекта. Пример:

В

следующем

примере в документ с помощью элемента вставляется апплет, которому не нужны дополнительные параметры и рабочие значения. Атрибут classid определяет местоположение апплета: <object>...</object>

<p><object classid="http://www.rusia.ru/analogclock.py"> </object>


Приложение 2. Краткий справочник по HTML

33

<ol>...</ol>

Представление информации в виде упорядоченного, нумерованного списка. Упорядоченные и неупорядоченные списки генерируются одинаково за исключением того, что визуальные браузеры нумеруют упорядоченные списки. Программы просмотра могут представлять эти номера несколькими способами. Атрибуты: type=[информация о стиле]

Устанавливает стиль элемента списка. Доступные в настоящее время значения предназначены для визуальных браузеров. Возможные значения учитывают регистр: 1 – арабские цифры: 1, 2, 3, ... a – латинские буквы в нижнем регистре: a, b, c, ... A – латинские буквы в верхнем регистре: A, B, C, ... i – римские цифры в нижнем регистре: i, ii, iii, ... I – римские цифры в верхнем регистре: I, II, III, ... start=[число]

Задает начальный номер первого элемента в упорядоченном списке. По умолчанию начальный номер – 1. Помните, что, хотя значением этого атрибута является целое число, соответствующая метка может быть не цифровой. Если в качестве стиля выбраны латинские буквы верхнего регистра (A, B, C, ...), start=3 означает C. Если в качестве стиля выбраны римские цифры нижнего регистра, start=3 означает iii и т.д. compact

Если этот логический атрибут установлен, он сообщает визуальным программам просмотра, что генерировать список нужно более компактно. Интерпретация этого атрибута зависит от браузера. Пример: <ol> <li>Элемент 1 <li>Элемент 2 <li>Элемент 3 </ol> <optgroup>...</optgroup>

Позволяет логически группировать варианты выбора в меню формы. Обычно это полезно, если пользователь должен делать выбор в длинном списке вариантов; группы связанных вариантов проще просматривать и запоминать, чем один длинный список вариантов. В HTML 4.0 все элементы <optgroup>...</optgroup> должны задаваться непосредственно в элементе <select>...</select>, т.е. группы не могут быть вложенными. Поддерживается не всеми браузерами.


34

Самоучитель создания Web-страниц и Web-сайтов Атрибуты: label=[строка]

Метка группы вариантов. Пример: <form action="http://somesite.com/prog/someprog" method="post"> <p><select name="menu"> <optgroup label="File">Файл <option label="New">Создать <option label="Open">Открыть <option label="Save">Сохранить </optgroup> <optgroup label="Edit">Правка <option label="Copy">Копировать <option label="Paste">Вставить </optgroup> <optgroup label="Format">Формат <option label="Font">Шрифт <option label="Border">Обрамление </optgroup> </select> </form> <option>...</option>

Представление элемента выбора в меню в пределах формы. Закрывающий тег необязателен. Атрибуты: selected

Если этот логический атрибут установлен, данный вариант выбран заранее. value=[строка]

Определяет исходное значение управляющего элемента. Если этот атрибут не установлен, исходное значение устанавливается равным содержимому элемента <option>...</option>. label=[строка]

Позволяет определить более короткую метку для варианта, чем содержимое элемента <option>...</option>. Если этот атрибут определен, программы просмотра должны использовать его значение вместо содержимого элемента <option>...</option> в качестве метки варианта.


Приложение 2. Краткий справочник по HTML

35

Пример: <select name="comp"> <option value="PC" selected>Персональные компьютеры <option value="WS">Рабочие станции <option value="LAN">Серверы локальных сетей <option value="IS">Серверы Интернета </select> <p>...</p>

Представление обычного текстового абзаца. Закрывающий тег может быть опущен. Атрибуты: align=left | center | right | justify

Выравнивание текста в пределах элемента: влево (left), по центру (center), вправо (right), по обоим краям (justify). Пример: <p align=center>Новый абзац <param>

Определяет набор значений, которые могут понадобиться объекту во время работы. В элементах <object>...</object> или <applet>...</applet> может присутствовать любое число элементов <param> в любом порядке, но они должны помещаться в начале тела, включающего элементы <object>...</object> или <applet>...</applet>. Атрибуты: name=[имя]

Определяет имя рабочего параметра, которое должно быть понятно вставляемому объекту. Учитывает ли имя регистр, зависит от конкретной реализации объекта. value=[значение]

Определяет значение рабочего параметра, задаваемого атрибутом name. valuetype=data | ref | object

Определяет тип атрибута value. Возможные значения: data – Используется по умолчанию. Означает, что значение, задаваемое атрибутом value, будет определяться и передаваться в объект в виде строки. ref – Значение, задаваемое атрибутом value, является адресом URL ресурса, где хранятся рабочие значения. Это позволяет средствам поддержки идентифицировать адреса URL, заданные в качестве параметров.


36

Самоучитель создания Web-страниц и Web-сайтов

– Значение, задаваемое атрибутом value, является идентификатором, ссылающимся на объявление <object>...</object> в этом же документе. Идентификатором должно быть значение атрибута id для объявленного элемента <object>...</object>.

object

Атрибут id=[имя] может использоваться во всех элементах HTML, кроме <base>, <head>, <html>, <meta>, <script>, <style>, <title>, для назначения имени данному элементу, которое в пределах документа должно быть уникальным. type=[тип содержимого]

Задает тип содержимого ресурса, назначаемого атрибутом value только в случае, если значением атрибута valuetype является ref. Таким образом, этот атрибут определяет для программы просмотра тип значений, которые будут находиться по адресу URL, назначенному атрибутом value. Пример:

Если апплет может принимать два рабочих параметра, определяющих его начальную высоту и ширину, то установить исходные размеры 60¯60 пикселов можно с помощью двух элементов <param>: <p><object classid="http://www.angl.ru/analogclock.py"> <param name="height" value="60" valuetype="data"> <param name="width" value="60" valuetype="data"> </object> <pre>...</pre>

Представляет текст с использованием пробелов и переводов строк для последующего отображения его на экране. Это нужно, когда используется только текстовая информация, и вы хотите расположить ее на странице Web, предпочитая выбранную компоновку. Текст отображается шрифтом одного размера, т.е. шрифтом типа телетайпного, в котором все символы имеют один и тот же размер по горизонтали. Использование пробелов и переводов строк точно соответствует содержимому в пределах элемента <pre>...</pre>. Атрибуты: width=[число]

Предоставляет визуальным браузерам подсказку относительно желаемой ширины блока форматированного текста. Программа просмотра может использовать эту информацию для выбора соответствующего размера шрифта или для создания соответствующего отступа. Ширина выражается числом символов. Данный атрибут часто не поддерживается. Пример: <PRE> ! " # $ % &amp; ' () * +, -. / 0 1 2 3 4 5 6 7 8 9 : ; &lt; = &gt; ?


Приложение 2. Краткий справочник по HTML

37

@ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~ </PRE> <q>...</q>

Определяет текст в кавычках. В отличие от элемента <blockquote>...</blockquote> предназначен для коротких цитат, в которых не требуется разбиение на абзацы. Визуальные браузеры должны обеспечивать отображение содержимого элемента <q>...</q> с кавычками в начале и в конце. Авторы не должны помещать кавычки в начало и в конец текста в элементе <q>...</q>. Атрибуты: cite=[url]

Значением этого атрибута является URL, определяющий источник документа или сообщения. Данный атрибут предназначен для предоставления информации об источнике, из которого заимствована цитата. Пример: <q>The best defence is offence.</q> <s>...</s>

Отображение текста перечеркнутым шрифтом. Такую же функцию выполняет элемент <strike>...</strike>. Оба элемента нежелательны. Атрибуты:

Нет. Пример: <s>Этот текст перечеркнут</s> <samp>...</samp>

Вывод примера программ, сценариев и т.д. Атрибуты:

Нет. Пример: <samp>Еще один пример</samp>


38

Самоучитель создания Web-страниц и Web-сайтов

<script>...</script>

Помещает скрипт в документ. Этот элемент может указываться в элементе <head>...</head> или <body>...</body> документа HTML несколько раз. Клиентский скрипт – это программа, которая может сопровождать документ HTML или непосредственно быть внедренной в него. Такая программа выполняется на клиентской машине при загрузке документа или в другое время, например, когда активизируется ссылка. Поддержка скриптов в HTML не зависит от языка скрипта. Атрибуты: src=[url]

Определяет местоположение внешнего скрипта. Скрипт может определяться в содержимом элемента <script>...</script> или во внешнем файле. Если атрибут src не установлен, программы просмотра должны интерпретировать содержимое элемента как скрипт. Если для атрибута src установлено значение URL, браузеры должны игнорировать содержимое этого элемента и загружать скрипт по указанному URL. type=[тип содержимого]

Задает язык скрипта содержимого элемента и имеет приоритет над языком скрипта, заданным по умолчанию. Язык скрипта указывается как тип содержимого, например "text/javascript". Авторы должны указать значение этого атрибута. language=[язык скрипта]

Определяет язык скрипта содержимого этого элемента. Его значением является идентификатор языка, но поскольку идентификаторы не стандартизованы, этот атрибут является нежелательным, вместо него следует использовать атрибут type. defer

Если этот логический атрибут установлен, он обеспечивает для программы просмотра подсказку о том, что скрипт не будет генерировать содержимое документа, например document.write в JavaScript, и, таким образом, браузер может продолжать синтаксический разбор и представление документа. Пример:

В этом примере объявляется язык скриптов по умолчанию: "text/tcl". В заголовок включается элемент <script>...</script>, сам скрипт находится во внешнем файле и использует язык "text/vbscript". Кроме того, один элемент <script>...</script> находится в теле документа и содержит другой скрипт, написанный на языке "text/javascript": <html> <head> <title>Скрипты</title> <meta http-equiv="Content-Script-Type" content="text/tcl">


Приложение 2. Краткий справочник по HTML

39

<script type="text/vbscript" src="http://someplace.com/progs/vbcalc"> </script> </head> <body> <script type="text/javascript"> ...код JavaScript... </script> </body> </html> <select>...</select>

Создает меню в форме, предоставляющее пользователям варианты выбора. Пункты меню в свою очередь создаются элементами <option>...</option>, которые могут группироваться элементом <optgroup>...</optgroup>. Элемент <select>...</select> должен содержать хотя бы один элемент <option>...</option>. Как альтернативу <select>...</select>, вы можете использовать элемент <input> с <type=checkbox> или <type=radio>, который при отображении позволяет пользователю увидеть все варианты сразу. Атрибуты: name=[имя]

Определяет имя управляющего элемента. size=[число]

Если элемент <select>...</select> представлен в виде списка с возможностью прокрутки, этот атрибут определяет число строк в списке, видимых в данный момент времени. Визуальные программы просмотра не обязательно должны представлять элемент <select>...</select> в виде списка; они могут использовать другие механизмы – например открывающийся список. multiple

Если этот логический атрибут установлен, он позволяет выбирать несколько пунктов. Если он не установлен, в элементе <select>...</select> можно выбрать только один вариант. Пример: <select name="selection"> <option value="option1">Вариант 1 <option value="option2">Вариант 2 <option value="option3">Вариант 3 </select>


40

Самоучитель создания Web-страниц и Web-сайтов

<small>...</small>

Представление текста шрифтом уменьшенного размера, например для обозначения текста меньшей важности. Атрибуты:

Нет. Пример: <small>Этот текст размера</small>

отображается

шрифтом

уменьшенного

<span>...</span>

Определяет встраиваемую информацию. Обеспечивает общий механизм добавления структуры в документы. Атрибуты: id=[имя]

Назначает имя данному элементу, которое в пределах документа должно быть уникальным. Может использовать во всех элементах HTML, кроме <base>, <head>...</head>, <html>...</html>, <meta>, <script>...</script>, <style>...</style>, <title>...</title>. class=[строка]

Назначает элементу имя класса или набор имен классов. Одно и то же имя или имена классов могут быть назначены любому числу элементов. Несколько имен классов должны быть разделены пробелами. Может использоваться во всех элементах, кроме <base>, <basefont>, <head>...</head>, <html>...</html>, <meta>, <param>, <script>...</script>, <style>...</style>, <title>...</title>. href=[url]

Указывает ресурс, предоставляющий дополнительную информацию о содержимом элемента <span>...</span>. Пример:

Здесь элемент <span>...</span> используется вместе с атрибутами id и class для пометки сообщений документа: <p><span id="msg1" class="info">Переменная объявлена дважды.</span> <p><span id="msg2" class="warning">Переменная не объявлена.</span> <P><span id="msg3" class="error">Синтаксическая ошибка в имени переменной.</span>


Приложение 2. Краткий справочник по HTML

41

<strike>...</strike>

Представление текста перечеркнутым шрифтом. Такую же функцию выполняет элемент <s>...</s>. Оба элемента нежелательны. Атрибуты:

Нет. Пример: Сравните <strike>перечеркнутый текст </strike>с нормальным <strong>...</strong>

Для сильного подчеркивания. Менее сильное выделение реализуется элементом <em>...</em>. Обычно визуальные программы просмотра представляют текст элемента <em>...</em> курсивом, а текст элемента <strong>...</strong> полужирным шрифтом. Синтезаторы речи могут изменять параметры синтеза, например громкость, повышение тона и скорости соответственно. Атрибуты:

Нет. Пример: Сравните <em>выделение</em> и <strong>сильное выделение</strong> <style>...</style>

Позволяет помещать правила таблиц стилей в раздел <head>...</head> документа. В HTML допустимо любое число элементов <style>...</style> в разделе <head>...</head>. Атрибуты: type=[язык таблиц стилей]

Определяет язык таблиц стилей для содержимого элемента. Язык таблиц стилей указывается как тип содержимого, например, "text/css". Авторы должны указать значение для этого атрибута; для него нет значения по умолчанию. media=[дескрипторы устройств]

Задает целевое устройство для информации о стиле. Это может быть один дескриптор устройства или список дескрипторов, разделенных запятыми. По умолчанию устанавливается значение "screen". Пример:

Следующее объявление приводит к появлению границы вокруг всех элементов <h1>...</h1> в документе и центрированию их на странице: <head> <style type="text/css">


42

Самоучитель создания Web-страниц и Web-сайтов h1 {border-width: 1; border: solid; text-align: center} </style> </head>

<sub>...</sub>

Нижний индекс. Содержимое элемента отображается несколько ниже уровня обычного текста, часто так, что текст индекса центрирован относительно нижнего уровня обычного текста и, возможно, меньшим шрифтом. Атрибуты:

Нет. Пример: x<sub>i</sub>=x<sub>1</sub> x<sub>n</sub>

+

x<sub>2</sub>

+

...

+

<sup>...</sup>

Представление надстрочного индекса, который может быть показателем степени в математическом выражении или индексом переменных. Отображается несколько выше уровня нормального текста и, возможно, меньшим шрифтом. Атрибуты:

Нет. Пример: a<sup>b<sup>c</sup></sup> <table>...</table>

Представление информации в виде таблиц. Атрибуты: summary=[текст]

Краткая информация о назначении и структуре таблицы для невизуальных браузеров, таких как синтезаторы речи или азбуки Бройля. align=left | center | right

Задает положение таблицы относительно документа. Допустимые значения: left – таблица находится в левой части документа; center – таблица находится в центре документа; right – таблица находится в правой части документа. width=[число]

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


Приложение 2. Краткий справочник по HTML

43

это означает долю в процентах от доступного горизонтального пространства. Если ширина не указана, она определяется программой просмотра. border=[число]

Задает ширину рамки вокруг таблицы в пикселах. cellspacing=[число]

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

Определяет пространство между грани��ей ячейки и ее содержимым. Если значение этого атрибута указано в пикселах, все четыре поля должны иметь этот размер. Если значение атрибута указано в процентах, верхнее и нижнее поля должны быть отделены от содержимого на одинаковый процент доступного вертикального пространства, а левое и правое поля должны быть отделены от содержимого на одинаковый процент доступного горизонтального пространства. bgcolor=[цвет]

Устанавливает цвет фона ячеек таблицы. Значения данного атрибута приведены в таблице в конце справочника. Использование этого атрибута не рекомендуется, вместо него следует использовать свойства таблицы стилей. Пример: <table align=center width="80%" cellpadding=3> <caption>Страны Cевера</caption> <tr> <td>Дания</td> <td>Финляндия</td> <td>Исландия</td> <td>Норвегия</td> <td>Швеция</td> </tr> </table>

border=1

cellspacing=10

<tbody>...</tbody>

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


44

Самоучитель создания Web-страниц и Web-сайтов

<tbody>...</tbody> должен содержать по крайней мере одну строку, определяемую элементом <tr>. Конечный тег всегда может быть опущен. Атрибуты: align=left | center | right | justify | char

Задает выравнивание данных в ячейке. Возможные значения: left – Выравнивание данных по левому краю. Это значение используется по умолчанию. center – Выравнивание данных по центру. right – Выравнивание данных по правому краю. justify – Выравнивание данных по обоим краям. char – Выравнивание текста вокруг указанного символа. valign=top | middle | bottom | baseline

Задает вертикальное положение данных в ячейке. Возможные значения: top – Данные ячейки сдвигаются вверх. middle – Данные ячейки центрируются вертикально. Это значение используется по умолчанию. bottom – Данные в ячейке сдвигаются вниз. baseline – Во всех ячейках строки, в которых находится ячейка с установленным атрибутом valign, текст должен располагаться так, чтобы первая строка оказывалась на базовой линии, общей для всех ячеек в строке. Это ограничение не применяется к последующим текстовым строкам в этой ячейке. char=[символ]

Определяет отдельный символ во фрагменте текста, служащий осью для выравнивания. По умолчанию в качестве значения этого атрибута используется символ десятичной точки для текущего языка, например: точка («.») в английском языке и запятая («,») – в русском. Программы просмотра не обязательно должны поддерживать этот атрибут. Пример: <table border="1"> <tbody> <tr><td>Яблоки<td>24 <tr><td>Груши<td>28 <tr><td>Персики<td>35 </table> <td>...</td>

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


Приложение 2. Краткий справочник по HTML

45

выровнены по левому краю в пределах пространства, выделенного браузером для ячейки. Конечный тег может быть опущен. Атрибуты: headers=[список ячеек заголовков]

Указывается список ячеек заголовков, предоставляющих заголовочную информацию для текущей ячейки данных. Значением этого атрибута является разделенный пробелами список названий ячеек; имена ячейкам должны даваться с помощью атрибута id. Авторы обычно используют атрибут headers с целью помочь невизуальным браузерам в генерации заголовков ячеек данных, например, заголовок произносится перед прочтением данных ячейки. Но этот атрибут может также использоваться вместе с таблицами стилей. См. также атрибут scope. scope=[имя области действия]

Определяет набор ячеек данных, для которых заголовочная информация задается текущим заголовком. Если этот атрибут используется, он должен иметь одно из следующих значений: row – В ячейке представлена заголовочная информация для оставшейся части строки, в которой содержится эта ячейка. col – В текущей ячейке представлена заголовочная информация для

оставшейся части столбца, в котором содержится эта ячейка. – В ячейке представлена заголовочная информация для оставшейся группы строк, в которой содержится эта ячейка.

rowgroup

colgroup – В ячейке представлена заголовочная информация для оставшейся группы столбцов, в которой содержится эта ячейка. abbr=[строка]

Используется для представления сокращенной формы содержимого ячейки; может генерироваться браузерами в подходящий момент вместо содержимого ячейки. Сокращенные имена должны быть короче, и браузеры могут повторять их. Например, синтезаторы речи могут генерировать сокращенные заголовки, относящиеся к определенной ячейке, перед генерацией содержимого ячейки. axis=[список имен категорий]

Используется вместо ячейки в концептуальных категориях. Программы просмотра могут давать пользователям доступ к этим категориям, например: пользователь может запрашивать у программы все ячейки, принадлежащие к определенной категории, браузер может представлять таблицу в форме оглавления и т.д. Значением этого атрибута является список имен категорий, разделенный запятыми. rowspan=[число]

Определяет число строк, перекрываемых текущей ячейкой. По умолчанию используется значение 1 (один). Значение 0 (ноль) означает, что ячейка перекрывает все строки – от текущей до последней строки таблицы.


46

Самоучитель создания Web-страниц и Web-сайтов colspan=[число]

Определяет число столбцов, перекрываемых текущей ячейкой. По умолчанию используется значение 1 (один). Значение 0 (ноль) означает, что ячейка перекрывает все столбцы от текущего до последнего столбца таблицы. nowrap

Если этот логический атрибут используется, он сообщает визуальным программам просмотра о необходимости отключить автоматическое разбиение текста для этой ячейки, т.е. подавляет перенос слов. Для разбиения строк вместо этого атрибута должны использоваться таблицы стилей. При невнимательном использовании этот атрибут может привести к тому, что ячейки будут очень широкими. width=[число]

Задает программам просмотра рекомендуемую ширину ячейки в пикселах. height=[число]

Задает программам просмотра рекомендуемую высоту ячейки в пикселах. align=left | center | right | justify | char

Задает выравнивание данных в ячейке. Возможные значения: left – Выравнивание данных по левому краю. Это значение используется по умолчанию. center – Выравнивание данных по центру. right – Выравнивание данных по правому краю. justify – Выравнивание данных по обоим краям. char – Выравнивание текста вокруг указанного символа. valign=top | middle | bottom | baseline

Задает вертикальное положение данных в ячейке. Возможные значения: top – Данные ячейки сдвигаются вверх. middle – Данные ячейки центрируются вертикально. Это значение используется по умолчанию. bottom – Данные в ячейке сдвигаются вниз. baseline – Во всех ячейках строки, в которой находится ячейка с установленным атрибутом valign, текст должен располагаться так, чтобы

первая строка оказывалась на базовой линии, общей для всех ячеек в строке. Это ограничение не применяется к последующим текстовым строкам в этой ячейке. char=[символ]

Определяет отдельный символ во фрагменте текста, служащий осью для выравнивания. По умолчанию в качестве значения этого атрибута используется символ десятичной точки для текущего языка, например: точка («.») в английском языке и запятая («,») – в русском. Программы просмотра не обязательно должны поддерживать этот атрибут.


Приложение 2. Краткий справочник по HTML

47

bgcolor=[цвет]

Устанавливает цвет фона ячеек таблицы. Значения данного атрибута приведены в таблице в конце справочника. Использование этого атрибута не рекомендуется, вместо него следует использовать соответствующее свойство таблицы стилей. Пример: <table border="1"> <tr><td>1<td rowspan="2">2 <td>3 <tr><td>4<td>6 <tr><td>7<td>8<td>9 </td> <textarea>...</textarea>

Cоздает многострочное поле ввода текста в форме. Программы просмотра должны использовать содержимое этого элемента как исходное значение управляющего элемента и отображать этот текст. Атрибуты: name=[имя]

Имя управляющего элемента. rows=[число]

Число видимых текстовых строк. Пользователи должны иметь возможность вводить большее количество строк, поэтому программы просмотра должны обеспечивать средства прокрутки этого управляющего элемента, если содержимое уходит за пределы видимой области. cols=[число]

Видимая ширина, выраженная шириной среднего символа. Пользователи должны иметь возможность вводить более длинные строки, поэтому программы просмотра должны обеспечивать средства прокрутки этого управляющего элемента, если содержимое уходит за пределы видимой области. Браузеры могут разбивать видимые тестовые строки, чтобы длинные строки были видны без прокрутки. Пример: <textarea name="text" rows="15" cols="60"> Первая строка исходного текста. </textarea>


48

Самоучитель создания Web-страниц и Web-сайтов

<tfoot>...</tfoot>

Группирование строк таблицы в нижний заголовок. Заголовки таблицы должны содержать информацию о столбцах таблицы. Это позволяет программам просмотра поддерживать прокрутку тела таблицы независимо от заголовков. При печати длинных таблиц информация из заголовков может повторяться на каждой странице, на которой имеются данные таблицы. Элемент <tfoot>...</tfoot> должен содержать по крайней мере одну строку, определяемую элементом <tr>...</tr>, и располагаться до элем��нта <tbody>...</tbody> в определении <table>...</table>, чтобы программы просмотра могли генерировать нижний заголовок до получения всех, возможно, многочисленных строк данных. Конечный тег может быть опущен. Атрибуты: align=left | center | right | justify | char

Задает выравнивание данных в ячейке. Возможные значения: left – Выравнивание данных по левому краю. Это значение используется по умолчанию. center – Выравнивание данных по центру. right – Выравнивание данных по правому краю. justify – Выравнивание данных по обоим краям. char – Выравнивание текста вокруг указанного символа. valign=top | middle | bottom | baseline

Задает вертикальное положение данных в ячейке. Возможные значения: top – Данные ячейки сдвигаются вверх. middle – Данные ячейки центрируются вертикально. Это значение используется по умолчанию. bottom – Данные в ячейке сдвигаются вниз. baseline – Во всех ячейках строки, в которой находится ячейка с установленным атрибутом valign, текст должен располагаться так, чтобы

первая строка оказывалась на базовой линии, общей для всех ячеек в строке. Это ограничение не применяется к последующим текстовым строкам в данной ячейке. char=[символ]

Определяет отдельный символ во фрагменте текста, служащий осью для выравнивания. По умолчанию в качестве значения этого атрибута используется символ десятичной точки для текущего языка, например, точка («.») в английском языке и запятая («,») – в русском. Программы просмотра не обязательно должны поддерживать этот атрибут. Пример: <table border="1"> <tfoot> <tr><th>Фрукты<th>Цена


Приложение 2. Краткий справочник по HTML

49

<tbody> <tr><td>Яблоки<td>24 <tr><td>Груши<td>28 <tr><td>Персики<td>35 </table> <th>...</th>

Представление заголовка столбца таблицы. В отличие от данных в ячейке таблицы, определяемых элементом <td>...</td>, которые отображаются с использованием шрифта нормального текста, заголовки столбцов обычно представляются с использованием более выделяющегося шрифта, например полужирного. По умолчанию браузер центрирует данные в пределах ячейки. Конечный тег может быть опущен. Атрибуты: headers=[список ячеек заголовков]

Указывается список ячеек заголовков, предоставляющих заголовочную информацию для текущей ячейки данных. Значением этого атрибута является разделенный пробелами список названий ячеек; имена ячейкам должны даваться с помощью атрибута id. Авторы обычно используют атрибут headers с целью помочь невизуальным браузерам в генерации заголовков ячеек данных, например заголовок произносится перед прочтением данных ячейки, но этот атрибут может также использоваться вместе с таблицами стилей. См. также атрибут scope. scope=[имя области действия]

Определяет набор ячеек данных, для которых заголовочная информация задается текущим заголовком. Если этот атрибут используется, он должен иметь одно из следующих значений: row – В ячейке представлена заголовочная информация для оставшейся части строки, в которой содержится эта ячейка. col – В текущей ячейке представлена заголовочная информация для

оставшейся части столбца, в котором содержится эта ячейка. – В ячейке представлена заголовочная информация для оставшейся группы строк, в которой содержится эта ячейка.

rowgroup

colgroup – В ячейке представлена заголовочная информация для оставшейся группы столбцов, в которой содержится эта ячейка. abbr=[строка]

Используется для представления сокращенной формы содержимого ячейки. Может генерироваться браузерами в подходящий момент вместо содержимого ячейки. Сокращенные имена должны быть короче, и браузеры могут повторять их. Например, синтезаторы речи могут генерировать сокращенные заголовки, относящиеся к определенной ячейке, перед генерацией содержимого ячейки.


50

Самоучитель создания Web-страниц и Web-сайтов axis=[список имен категорий]

Используется вместо ячейки в концептуальных категориях. Программы просмотра могут предоставлять пользователям доступ к этим категориям, например: пользователь может запрашивать у программы все ячейки, принадлежащие к определенной категории, представлять таблицу в форме оглавления и т.д. Значением этого атрибута является список имен категорий, разделенный запятыми. rowspan=[число]

Определяет число строк, перекрываемых текущей ячейкой. По умолчанию используется значение 1 (один). Значение 0 (ноль) означает, что ячейка перекрывает все строки – от текущей до последней строки таблицы. colspan=[число]

Определяет число столбцов, перекрываемых текущей ячейкой. По умолчанию используется значение 1 (один). Значение 0 (ноль) означает, что ячейка перекрывает все столбцы от текущего до последнего столбца таблицы. nowrap

Если этот логический атрибут используется, он сообщает визуальным программам просмотра о необходимости отключить автоматическое разбиение текста для этой ячейки, т.е. подавляет перенос слов. Для разбиения строк вместо этого атрибута должны использоваться таблицы стилей. При невнимательном использовании этот атрибут может привести к тому, что ячейки будут очень широкими. width=[число]

Задает программам просмотра рекомендуемую ширину ячейки в пикселах. height=[число]

Задает программам просмотра рекомендуемую высоту ячейки в пикселах. align=left | center | right | justify | char

Задает выравнивание данных в ячейке. Возможные значения: left – Выравнивание данных по левому краю. Это значение используется по умолчанию. center – Выравнивание данных по центру. right – Выравнивание данных по правому краю. justify – Выравнивание данных по обоим краям. char – Выравнивание текста вокруг указанного символа. valign=top | middle | bottom | baseline

Задает вертикальное положение данных в ячейке. Возможные значения: top – Данные ячейки сдвигаются вверх. middle – Данные ячейки центрируются вертикально. Это значение используется по умолчанию.


Приложение 2. Краткий справочник по HTML

51

bottom – Данные в ячейке сдвигаются вниз. baseline – Во всех ячейках строки, в которой находится ячейка с установленным атрибутом valign, текст должен располагаться так, чтобы

первая строка оказывалась на базовой линии, общей для всех ячеек в строке. Это ограничение не применяется к последующим текстовым строкам в этой ячейке. char=[символ]

Определяет отдельный символ во фрагменте текста, служащий осью для выравнивания. По умолчанию в качестве значения этого атрибута используется символ десятичной точки для текущего языка, например: точка («.») в английском языке и запятая («,») – в русском. Программы просмотра не обязательно должны поддерживать этот атрибут. bgcolor=[цвет]

Устанавливает цвет фона ячеек таблицы. Значения данного атрибута приведены в таблице в конце справочника. Использование этого атрибута не рекомендуется, вместо него следует использовать соответствующее свойство таблицы стилей. Пример: <table border="1"> <tbody> <tr><th>Месяц<th>Объем продаж <tr><td>Январь<td align=right>50 000 <tr><td>Февраль<td align=right>65 000 <tr><td>Март<td align=right>57 000 </table> <thead>...</thead>

Группирование строк таблицы в верхний заголовок. Заголовки таблицы должны содержать информацию о столбцах таблицы. Это позволяет программам просмотра поддерживать прокрутку тела таблицы независимо от заголовков. При печати длинных таблиц информация из заголовков может повторяться на каждой странице, на которой имеются данные таблицы. Элемент <thead>...</thead> содержит по крайней мере одну строку, определяемую элементом <tr>...</tr>. Конечный тег может быть опущен. Атрибуты: align=left | center | right | justify | char

Задает выравнивание данных в ячейке. Возможные значения: left – Выравнивание данных по левому краю. Это значение используется по умолчанию. center – Выравнивание данных по центру. right – Выравнивание данных по правому краю.


52

Самоучитель создания Web-страниц и Web-сайтов justify – Выравнивание данных по обоим краям. char – Выравнивание текста вокруг указанного символа. valign=top | middle | bottom | baseline

Задает вертикальное положение данных в ячейке. Возможные значения: top – Данные ячейки сдвигаются вверх. middle – Данные ячейки центрируются вертикально. Это значение используется по умолчанию. bottom – Данные ячейки сдвигаются вниз. baseline – Во всех ячейках строки, в которой находится ячейка, с установленным атрибутом valign, текст должен располагаться так, чтобы

первая строка оказывалась на базовой линии, общей для всех ячеек в строке. Это ограничение не применяется к последующим текстовым строкам в данной ячейке. char=[символ]

Определяет отдельный символ во фрагменте текста, служащий осью для выравнивания. По умолчанию в качестве значения этого атрибута используется символ десятичной точки для текущего языка, например: точка («.») в английском языке и запятая («,») – в русском. Программы просмотра не обязательно должны поддерживать этот атрибут. Пример: <table border="1"> <thead> <tr><th>Фрукты<th>Цена <tbody> <tr><td>Яблоки<td>24 <tr><td>Груши<td>28 <tr><td>Персики<td>35 </table> <title>...</title>

Задает обязательный заголовок документа. Заголовок не отображается непосредственно, как часть самого документа, но может прилагаться к документу в нескольких контекстах: он может выводиться в заголовке окна программы просмотра, в списке результатов поиска, возвращаемых поисковым сервером, в горячем списке, определяемом пользователем, списке истории и т.д. Атрибуты:

Нет. Пример: <head> <title>Тектоника Русской платформы</title>


Приложение 2. Краткий справочник по HTML

53

... Другие элементы заголовка... </head> <tr>...</tr>

Представление стр��ки таблицы. Закрывающий тег может быть опущен. Атрибуты: align=left | center | right | justify | char

Задает выравнивание данных в ячейке. Возможные значения: left – Выравнивание данных по левому краю. Это значение используется по умолчанию. center – Выравнивание данных по центру. right – Выравнивание данных по правому краю. justify – Выравнивание данных по обоим краям. char – Выравнивание текста вокруг указанного символа. valign=top | middle | bottom | baseline

Задает вертикальное положение данных в ячейке. Возможные значения: top – Данные ячейки сдвигаются вверх. middle – Данные ячейки центрируются вертикально. Это значение используется по умолчанию. bottom – Данные в ячейке сдвигаются вниз. baseline – Во всех ячейках строки, в которой находится ячейка, с установленным атрибутом valign, текст должен располагаться так, чтобы

первая строка оказывалась на базовой линии, общей для всех ячеек в строке. Это ограничение не применяется к последующим текстовым строкам в данной ячейке. char=[символ]

Определяет отдельный символ во фрагменте текста, служащий осью для выравнивания. По умолчанию в качестве значения этого атрибута используется символ десятичной точки для текущего языка, например: точка («.») в английском языке и запятая («,») – в русском. Программы просмотра не обязательно должны поддерживать этот атрибут. bgcolor=[цвет]

Устанавливает цвет фона ячеек строки таблицы. Значения данного атрибута приведены в таблице в конце справочника. Использование этого атрибута не рекомендуется, вместо него следует использовать соответствующее свойство таблицы стилей. Пример: <table border=1> <tr bgcolor=aqua align=right><td>3<td>14


54

Самоучитель создания Web-страниц и Web-сайтов <tr bgcolor=silver align=right><td>17<td>117 </table>

<tt>...</tt>

Представляет текст одноразмерным шрифтом. Атрибуты:

Нет. Пример: Сравните <tt>одноразмерный шрифт</tt> с нормальным. <u>...</u>

Представляет текст подчеркнутым шрифтом. Атрибуты:

Нет. Пример: <u>Этот текст подчеркнут.</u> <ul>...</ul>

Представление информации в виде неупорядоченного списка без нумерации элементов. Атрибуты: type=disc | square | circle

Устанавливает стиль элемента списка. Доступные в настоящее время значения предназначены для визуальных браузеров. Возможными значениями атрибута type являются disc, square и circle. Значение, используемое по умолчанию, зависит от уровня вложенности текущего списка. Представление каждого значения зависит от программы просмотра. Браузеры должны пытаться представлять disc в виде небольшого заполненного кружка, circle – в виде окружности, а square – в виде небольшого квадрата. compact

Если этот логический атрибут установлен, он сообщает визуальным программам просмотра, что генерировать список нужно более компактно. Интерпретация этого атрибута зависит от браузера. Пример: <ul type=disk compact> <li>Россия <li>Украина


Приложение 2. Краткий справочник по HTML

55

<li>Молдова </ul> <var>...</var>

Для обозначения того, что часть текста (обычно слово) является переменной, т.е. элементом, который может заменяться различными выражениями. Отображается обычно курсивом. Атрибуты:

Нет. Пример: Это – <var>переменная</var> величина

Цветовые имена и их числовые эквиваленты Имя

Цвет

Числовое значение

Имя

Цвет

Числовое значение

black

Черный

"#000000"

green

Зеленый

"#008000"

silver

Серебро

"#c0c0c0"

lime

Светлозеленый

"#00ff00"

gray

Серый

"#808080"

olive

Оливковый

"#808000"

white

Белый

"#ffffff"

yellow

Желтый

"#ffff00"

maroon

Каштановый

"#800000"

navy

Темно-синий

"#000080"

red

Красный

"#ff0000"

blue

Синий

"#0000ff"

purple

Фиолетовый

"#800080"

teal

Сине-серый

"#008080"

fuchsia

Сиреневый

"#ff00ff"

aqua

Голубой

"#00ffff"


Журнал