HTML

В настоящий справочник включено большинство элементов языка HTML 4.0. Все элементы расположены в алфавитном порядке. Для каждого тэга приводится краткое описание, список основных атрибутов и примеры использования. Для большинства атрибутов указаны допустимые значения. Значениями атрибутов могут быть ключевые слова, например, left, или слова в квадратных скобках, которые определяют тип значения, например, width=[число]. В таких случаях в коде HTML вместо [число] следует указать требуемое фактическое значение, например, width=100. Альтернативные значения атрибутов разделены вертикальной чертой «|», например, align=left|center|right. Для удобства пользования справочником ниже приводится алфавитный указатель всех элементов.


<a>…</a> <div>…</div> <map>…</map> <style>…</style>
<address>…</address> <dl>…</dl> <menu>…</menu> <sub>…</sub>
<applet>…</applet> <dt>…</dt> <meta> <sup>…</sup>
<area> <em>…</em> <noframes>…</noframes> <table>…</table>
<b>…</b> <font>…</font> <noscript>…</noscript> <tbody>…</tbody>
<base> <form>…</form> <object>…</object> <td>…</td>
<basefont> <frame> <ol>…</ol> <textarea>…</textarea>
<big>…</big> <frameset> <optgroup>…</optgroup> <tfoot>…</tfoot>
<blockquote>…</blockquote> <h1></h1>,…,<h6></h6> <option>…</option> <th>…</th>
<body>…</body> <hr> <p>…</p> <thead>…</thead>
<br> <head>…</head> <param> <title>…</title>
<button>…</button> <html>…</html> <pre>…</pre> <tr>…</tr>
<caption>…</caption> <i>…</i> <q>…</q> <tt>…</tt>
<center>…</center> <iframe>…</iframe> <s>…</s> <u>…</u>
<cite>…</cite> <img> <samp>…</samp> <ul>…</ul>
<code>…</code> <input> <script>…</script> <var>…</var>
<col> <isindex> <select>…</select>
<colgroup>…</colgroup> <kbd>…</kbd> <small>…</small>
<dd>…</dd> <label>…</label> <span>…</span>
<dfn>…</dfn> <li>…</li> <strike>…</strike>
<dir>…</dir> <link> <strong>…</strong>

<a>…</a>

В документе создается гиперссылка.

Атрибуты:

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

Пример:

  1. Гиперссылка:
    <а href=http://www.anekdot.ru>Анекдоты</a>
  2. Присвоение имени:
    <а name=info>Дополнительная информация</а>
  3. Гиперссылка на фрагмент документа index.html с дополнительной информацией:
    <а href=index.html#info>Подpoбнee...</a>

<address>…</address>

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

Атрибуты:Нет.

Пример:

<address><a href=http://geoton.narod.ru>Компания ГEOTOH</a></address>

<applet>…</applet>

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

Атрибуты:

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>

<аrеа>

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

Атрибуты:

shape = rect | circle | poly
Форма области:

  • rect — прямоугольник (по умолчанию);
  • circle — круг;
  • poly — многоугольник.
сооrd = [координаты]
Координаты области. Значения этого атрибута в зависимости от формы (shape) следующие:

  • shape = rect (прямоугольник)
    coord = «x1, y1, x2, y2»
    х и у задают координаты верхнего левого и нижнего правого углов прямоугольника. Значения х и у координат измеряются в пикселах от верхнего левого угла соответствующего изображения. Это означает, что значение у возрастает сверху вниз.
  • shape = circle (круг)
    coord = «x0, y0, r»
    х0 и у0 — координаты центра круга, r — радиус круга.
  • shape = poly (многоугольник)
    coord = «x1, y1, x2, y2, … , xn, yn»
    хn и уn — координаты вершин многоугольника.
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="Bonpocы"
shape="poly" coords="276,0,373,28,50,50,276, 0">
</map>

<b>…</b>

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

Атрибуты:

Нет.

Пример:

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

<base>

Задание базового URL для относительных URL в документе, например, в атрибутах href элемента <а>...</а>.

Атрибуты:

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 = [число]
Устанавливает размер шрифта. Возможные значения:

  • целое число от 1 до 7. Устанавливает фиксированный размер шрифта, представление которого зависит от браузера пользователя. Не все браузеры могут представлять все семь размеров;
  • числа от -7 до +7, характеризующие относительное изменение размера шрифта. Значение +1 означает на один размер больше. Значение -3 означает шрифт на три размера меньше. Все размеры относятся к шкале от 1 до 7.
face = [строка]
Этот атрибут определяет список разделенных запятыми названий шрифтов, поиск которых браузер пользователя должен выполнить в порядке приоритета.
color = [цвет]
Устанавливает цвет текста. Цветовые имена и их числовые значения приведены в Приложении 1.

Пример:

Это — текст с размером шрифта по умолчанию (3).
<basefont size=5>A это —  с  увеличенным размером (5).

<big>…</big>

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

Атрибуты:

Нет.

Пример:

Это — <big>большая</big> ошибка.

<blockquote>…</blockquote>

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

Атрибуты:

cite = [URL]
Значением данного атрибута является URL, определяющий источник документа или сообщения. Этот атрибут предназначен для предоставления информации об источнике, из которого заимствована цитата.

Пример:

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

<body>…</body>

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

Атрибуты:

background = [URL]
URL-адрес фонового изображения.
text = [цвет]
Цвет текста документа.
bgcolor = [цвет]
Цвет фона документа.
link = [цвет]
Цвет непросмотренной ссылки.
vlink = [цвет]
Цвет просмотренной ссылки.
alink = [цвет]
Цвет ссылки в момент, когда она выбрана пользователем.

Пример:

<body  bgcolor=white text=black link=red alink=fuchsia vlink=maroon>
...тело документа...
</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> могут представляться только как «плоские» изображения.

Атрибуты:

name = [имя]
Определяет имя кнопки.
value = [строка]
Определяет начальное значение кнопки.
type = submit | reset | button
Определяет тип кнопки: submit — кнопка отправки, reset — кнопка сброса, button — другая кнопка.

Пример:

<button name="submit" type="submit">Передать информацию</button>

<caption>…</caption>

Представление заголовка для таблицы. Отображается обычным шрифтом.

Атрибуты:

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

Пример:

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

<center>…</center>

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

Атрибуты:Нет.

Пример:

<center>Этот текст центрирован</center>

<cite>…</cite>

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

Атрибуты:Нет.

Пример:


Это цитата из романа <cite>Война и Mиp</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>

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

Атрибуты:

span = [число]
Этот атрибут, значением которого должно быть целое число больше нуля, определяет число столбцов в группе. Значения означают следующее:

  • при отсутствии атрибута span каждый элемент <colgroup>...</colgroup> определяет группу, состоящую из одного столбца;
  • если для атрибута 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>. To есть несколько терминов могут иметь одно и тоже определение. Документ не должен содержать несколько последовательных элементов <dd>...</dd>. Закрывающий тэг не обязателен.

Атрибуты:Нет.

Пример:

<dt>Окружность</dt>
<dd>Геометрическое место точек, равноотстоящих от одной точки.</dd>

<dfn>…</dfn>

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

Атрибуты:Нет.

Пример:

<dfn>Компьютер</dfn> - универсальная машина для обработки информации.

<dir>…</dir>

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

Атрибуты:

compact
Более компактный стиль отображения.

Пример:

<dir>
<li>Один</li>
<li>Два</li>
<li>Три</li>
</dir>

<div>…</div>

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

Атрибуты:

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

Пример:

<div align=center>3тот текст центрирован.</div>

<dl>…</dl>

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

Атрибуты:

compact
Более компактный стиль отображения.

Пример:

<dl compact>
<dt>А
<dd>Первая буква алфавита
<dt>Б
<dd>Bтopaя буква алфавита
<dt>В
<dd>Tpeтья буква алфавита
</dl>

<dt>…</dt>

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

Атрибуты:Нет.

Пример:

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

<em>…</em>

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

Атрибуты:Нет.

Пример:

<em>em</em> — От английского emphasis — акцент.

<font>…</font>

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

Атрибуты:

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

  • целое число от 1 до 7. Устанавливает фиксированный размер шрифта, представление которого зависит от браузера пользователя. Не все браузеры могут представлять все семь размеров.
  • числа от -7 до +7, характеризующие относительное изменение размера шрифта. Значение +1 означает на один размер больше. Значение -3 означает шрифт на три размера меньше. Все размеры относятся к шкале от 1 до 7.
face = [строка]
Этот атрибут определяет список разделенных запятыми названий шрифтов, поиск которых браузер пользователя должен выполнить в порядке приоритета.
color = [цвет]
Устанавливает цвет текста.

Пример:

<font size=5 color=red>HTML</font>

<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 = [cписок типов содержимого]
Определяет разделенный запятыми список типов содержимого, которые должен корректно обрабатывать сервер, получающий форму. Примеры типов содержимого: "text/html", "image/png", "image/gif", "video/mpeg", "audio/basic", "text/tcl", "text/javascript", "text/vbscript".

Пример:

<form action="http://somesite.com/prog/user.php" method="POST">
...Содержимое формы...
</form>

<frame>

Определяет содержимое и вид одного фрейма.

Атрибуты:

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]
Определяет местонахождение начального содержимого фрейма.
noresize
Если этот атрибут присутствует, он сообщает браузеру, что размеры фрейма изменять нельзя.
scrolling = auto | yes | no
Атрибут задает информацию о прокрутке фрейма. Возможные значения:

  • auto (авто) — при необходимости отображать полосы прокрутки. Это значение используется по умолчанию;
  • уes (да) — всегда отображать полосы прокрутки;
  • no (нет) — не отображать полосы прокрутки.
frameborder = 1 | 0
Предоставляет браузеру информацию о границе фрейма. Возможные значения:

  • 1 — браузер должен изобразить разделитель между этим фреймом и всеми прилегающими фреймами. Это значение используется по умолчанию;
  • 0 — браузер не должен отображать разделитель. Обратите внимание, что разделители могут все равно отображаться, если они заданы в других фреймах.
marginwidth = [число]
Задает пространство в пикселах, оставляемое во фрейме в качестве левого и правого полей. Значение должно превышать один пиксел. Значение по умолчанию зависит от браузера.
marginheight = [число]
Определяет размер в пикселах верхнего и нижнего полей во фрейме. Значение должно превышать один пиксел. Значение по умолчанию зависит от браузера.

Пример.

  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="contentsl.html" frameborder="0">
  3. Определение имени фрейма:
    <fframe 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="l*, 250, 3*">...</frameset>
  3. Создается сетка фреймов 2×3:
    <frameset rows="30%,70%" cols="33%,34%,33%">...</frameset>
  4. Предположим, что окно браузера имеет высоту строго 1000 пикселов. Первый раздел получает 30% общей высоты — 300 пикселов. Второй имеет высоту ровно 400 пикселов. Остается 300 пикселов на два другие фрейма. Для четвертого фрейма задана высота 2*, так что он должен быть вдвое выше третьего, для которого заданы высота * (эквивалентно 1*). Таким образом, третий фрейм будет иметь высоту 100 пикселов, а четвертый — 200:
    <frameeet rows="30%,400,*,2*">...</framesat>

<h1>…</h1>, <h2>…</h2>,…,<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>

<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>

<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]
Определяет местонахождение начального содержимого фрейма.
width = [число]
Задает ширину фрейма
height = [число]
Задает высоту фрейма
scrolling = auto | yes | no
Атрибут задает информацию о прокрутке фрейма. Возможные значения:

  • auto (авто) — при необходимости отображать полосы прокрутки. Это значение используется по умолчанию;
  • уes(да) — всегда отображать полосы прокрутки;
  • no(нет) — не отображать полосы прокрутки.
frameborder=1 | 0
Предоставляет браузеру информацию о границе фрейма. Возможные значения:

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

Пример:

<iframe src="shop.html" width="400" height="500"
scrolling="auto" frameborder="l">

<img>

Внедряет изображение в текущий документ по адресу из определения элемента.

Атрибуты:

src = [URL]
Задает местоположение изображения.
alt = [строка]
Для браузеров пользователей, не имеющих возможности вывести изображения, этот атрибут определяет альтернативный текст.
longdesc = [URL]
Определяет ссылку на длинное описание изображения. Это описание должно дополнять краткое описание, задаваемое атрибутом alt. Если с изображением связана навигационная карта, в этом атрибуте должна приводиться информация о ее содержимом. Это особенно важно для серверных навигационных карт.
width = [число]
Переопределение ширины изображения.
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 — создает кнопку отправки.
  • reset — создает кнопку сброса.
  • file — создает управляющий элемент для выбора файла. Браузеры пользователей могут использовать значение атрибута value в качестве исходного имени файла.
  • hidden — создает невидимый управляющий элемент.
  • image — создает графическую кнопку отправки. Значение атрибута src задает URL изображения, используемого для представления кнопки.Из соображений доступности авторам следует предусматривать альтернативный текст для изображения с помощью атрибута alt.
  • button — создает другую кнопку. Браузеры пользователей должны использовать в качестве метки на кнопке значение атрибута value.
name = [имя]
Определяет имя управляющего элемента.
value = [строка]
Определяет начальное значение управляющего элемента. Этот атрибут не обязателен, если только для атрибута type не установлено значение radio.
size = [число]
Сообщает браузеру пользователя начальную ширину управляющего элемента. Ширина задается в пикселах, если для атрибута type не установлено значение text или password. В этом случае ширина задается в виде количества символов.
maxlenght = [число]
Если для атрибута type установлено значение text или password, данный атрибут определяет максимальное число символов, вводимых пользователем. Это число может превышать указанный в атрибуте size размер поля; в таком случае браузер пользователя должен обеспечивать механизм прокрутки. По умолчанию число символов не ограничено.
checked
Если для атрибута type установлено значение radio или checkbox, этот логический атрибут указывает, что переключатель или флажок установлен. Браузеры пользователей должны игнорировать данный атрибут для других типов управляющих элементов.
src = [URL]
Если атрибут type имеет значение image, данный атрибут определяет местоположение изображения, используемое для представления графической кнопки.

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

<form action="http://somesite.com/prog/adduser" method="post">
Имя:     <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" value="Очистить">
</form>

<isindex>

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

Атрибуты:

prompt=[строка]
Задает строку запроса для поля ввода.

Пример:

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

Такое же поле ввода можно создать с использованием элемента <input> следующим образом:

<form action="http://www.acme.com"  method="post">
<р>Введите фразу для поисха:   <input  type="text"></p>
</form>

<kbd>…</kbd>

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

Атрибуты:Нет.

Пример:

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

<label>…</label>

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

Атрибуты:

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>
<td><input type="text" name="firstname" id="fname"></td>
<tr>
<td><label  for="lname">Фамилия:</label></td>
<td><input type="text" name="lastname" id="lname"></td>
</table>
</form>

<li>…</li>

Представление элемента списка. Конечный тэг можно опустить.

Атрибуты:

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

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

<li value="20">Элемент списка номер 20.</li>
<li value="30">Элемент списка номер 30.</li>
<li>Элемент  списка номер  31.</li>

<link>

Определяет связь. В отличие от элемента <а>...</а>, он может присутствовать только в разделе <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 — Обозначает документ, являющийся главой в наборе документов.
  • section — Обозначает документ, являющийся разделом в наборе документов.
  • 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="Chapterl.html">
</head>

<map>…</map>

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

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

Существует два типа навигационных карт:

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

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

Атрибуты:

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" аlt="Видеокарты"
shape="rect" coords="300,0,400,100">
<area href="st.html" alt="Мониторы"
shape="rect" coords="400,0,500,100">
</map>

<menu>…</menu>

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

Атрибуты:

compact
Сокращенные промежутки между элементами списка.

Пример:

<menu>
<1i>Отменить</li>
<1i>Вырезать</li>
<1i>Копировать</li>
<1i>Вставить</li>
<1i>Найти</li>
<1i>Найти далее</li>
</menu>

<meta>

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

Атрибуты:

name = [имя]
Определяет имя свойства. В данной спецификации не перечисляются допустимые значения этого атрибута.
content = [строка]
Определяет значение свойства. В данной спецификации не перечисляются допустимые значения этого атрибута.
scheme = [строка]
Определяет имя схемы, используемой для интерпретации значения свойства.
http-equiv = [строка]
Может использоваться вместо атрибута name. Серверы HTTP используют этот атрибут для сбора информации для заголовков сообщений ответов HTTP.

Пример:

<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>
<р>
Это <a href="noframes.html">версия документа беэ фреймов</а>
</p>
</noframes>
</frameset>

<noscript>…</noscript>

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

Атрибуты:Нет.

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

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

<object>…</object>

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

В более общем случае автор должен определить три типа информации:

  • реализация включенного объекта. Например, если включенный объект — апплет, необходимо указать местоположение исполняемого кода апплета;
  • генерируемые данные. Например, если включенный объект является программой, генерирующей данные шрифта, следует указать местоположение этих данных;
  • дополнительные значения, необходимые объекту. Например, некоторым апплетаммогут быть нужны исходные значения для их параметров.

Элемент <object>...</object> позволяет указать все три типа данных объекта, но авторы могут не указывать их все. Некоторым объектам не требуются данные, например, апплетам, выполняющим анимацию. Другим может быть не нужна инициализация. Третьим может не понадобиться дополнительная информация о реализации, то есть сам браузер может уже знать, как генерировать этот тип данных, например, изображения в формате gif.

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

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

Атрибуты:

classid = [URL]
Может использоваться для указания местоположения объекта с помощью URL вместе с атрибутом data или как альтернатива ему, в зависимости от типа объекта.
codebase = [URL]
Определяет базовый путь, используемый для разрешения относительных адресов URL, задаваемых в атрибутах classid, data и archive. Если этот атрибут отсутствует, значением по умолчанию является базовый адрес URL текущего документа.
codetype = [тип содержимого]
Определяет тип содержимого данных, получения которых следует ожидать при загрузке объекта, задаваемого атрибутом classid. Этот атрибут не является обязательным, но рекомендуется, если используется атрибут classid, поскольку он позволяет программе просмотра избежать загрузки информации для типа содержимого, который она не поддерживает. Если этот атрибут отсутствует, по умолчанию используется значение атрибута type.
data = [URL]
Используется для указания местоположения данных, например, данных для отображения объектов. Если задается относительный адрес URL, он должен интерпретироваться относительно атрибута codebase.
type = [тип содержимого]
Определяет тип содержимого для данных, задаваемых атрибутом data. Этот атрибут не является обязательным, но рекомендуется, если используется атрибут data, поскольку он позволяет браузерам избежать загрузки информации для типа содержимого, который они не поддерживают.
archive = [список URL]
Может использоваться для определения разделенного пробелами списка адресов URL архивов, содержащих относящиеся к объекту ресурсы, который может включать ресурсы, задаваемые атрибутами classid и data. Предварительная загрузка архивов приведет к уменьшению времени загрузки объекта. Архивы, указанные в виде относительных адресов URL, должны интерпретироваться относительно атрибута codebase.
declare
Если этот логический атрибут указан, он делает текущее определение <object>...</object> только объявлением.
standby = [строка]
Определяет сообщение, которое браузер может генерировать при загрузке данных объекта.

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

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

<ol>…</ol>

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

Атрибуты:

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

  • 1 — арабские цифры: 1, 2, 3, …
  • a — латинские буквы в нижнем регистре: а, b, с, …
  • A — латинские буквы в верхнем регистре: А, В, С, …
  • i — римские цифры в нижнем регистре: i, ii, iii, …
  • I — римские цифры в верхнем регистре: I, II, III, …
start = [число]
Задает начальный номер первого элемента в упорядоченном списке. По умолчанию начальный номер — 1. Помните, что, хотя значением этого атрибута является целое число, соответствующая метка может быть нецифровая. Если в качестве стиля выбраны латинские буквы верхнего регистра (А,В,С,…), start=3 означает С. Если в качестве стиля выбраны римские цифры нижнего регистра, start=3 означает iii и т.д.
compact
Если этот логический атрибут установлен, он сообщает визуальным программам просмотра, что генерировать список нужно более компактно. Интерпретация этого атрибута зависит от браузера.

Пример:

<ol>
<li>Элемент 1</li>
<li>Элемент 2</li>
<li>Элемент 3</li>
</ol>

<optgroup>…</optgroup>

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

Атрибуты:

label = [строка]
Метка группы вариантов.

Пример:

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

<option>…</option>

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

Атрибуты:

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

Пример:

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

<p>…</p>

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

Атрибуты:

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

Пример:

<p align=center>Новый абзац</p>

<param>

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

Атрибуты:

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

  • data — используется по умолчанию. Означает, что значение, задаваемое атрибутом value, будет определяться и передаваться в объект в виде строки.
  • ref — значение, задаваемое атрибутом value, является адресом URL ресурса, где хранятся рабочие значения. Это позволяет средствам поддержки идентифицировать адреса URL, заданные в качестве параметров.
  • object — значение, задаваемое атрибутом value, является идентификатором, ссылающимся на объявление <object>...</object> в этом же документе. Идентификатором должно быть значение атрибута id для объявленного элемента <object>...</object>.
    Атрибут id=[имя] может использоваться во всех элементах HTML, кроме <base>, <head>, <html>, <meta>, <script>, <style>, <title> для назначения имени данному элементу, которое в пределах документа должно быть уникальным.
type = [тип содержимого]
Задает тип содержимого ресурса, назначаемого атрибутом value только в случае, если значением атрибута valuetype является ref. Таким образом, этот атрибут определяет для программы просмотра тип значений, которые будут находиться по адресу URL, назначенному атрибутом value.

Пример:Если апплет может принимать два рабочих параметра, определяющих его начальную высоту и ширину, то установить исходные размеры 60×60 пикселов можно с помощью двух элементов <param>:

<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>
! " # $ % & ( ) * + , - . /
0 1 2 3 4 5 6 7 8 9 : ; < = > ?
@ 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>

<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">
<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="optionl">Вариант 1</option>
<option value="option2">Bapnaнт 2</option>
<option value="option3">Bapиант 3</option>
</select>

<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="msgl" class="info">
Переменная объявлена дважды.
</span></p>
<p><span id="msg2" class="warning">
Переменная не объявлена.
</span></p>
<p><span id="msg3" class="error">
Синтаксическая ошибка в имени переменной.
</span></p>

<strike>…</strike>

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

Атрибуты:Нет.

Пример:

Сравните <strike>перечеркнутый текст</strike> c нормальным

<strong>…</strong>

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

Атрибуты:Нет.

Пример:

Сравните <em>выделение</em> и <strong>сильнoe выделение</strong>

<style>…</style>

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

Атрибуты:

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

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

<head>
<style  type="text/css">
h1 { border-width: medium; border-style: ridge; text-align: center }
</style>
</head>

<sub>…</sub>

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

Атрибуты:Нет.

Пример:

x<sub>i</sub> = x<sub>l</sub> + x<sub>2</sub> + ... + x<sub>n</sub>

<sup>…</sup>

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

Атрибуты:Нет.

Пример:

a<sup>b<sup>c</sup></sup>

<table>…</table>

Представление информации в виде таблиц.

Атрибуты:

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

  • left — таблица находится в левой части документа;
  • center — таблица находится в центре документа;
  • right — таблица находится в правой части документа.
width = [число]
Определяет необходимую ширину всей таблицы и предназначен для визуальных браузеров пользователей. Если значение указано в процентах, это означает долю в процентах от доступного горизонтального пространства. Если ширина не указана, она определяется программой просмотра.
border = [число]
Задает ширину рамки вокруг таблицы в пикселах.
cellspacing = [число]
Определяет пространство в пикселах, которое браузер должен оставить между левой стороной таблицы и левым краем крайнего левого столбца, верхней границей таблицы и верхним краем самой верхней строки и так далее для правой и нижней границ таблицы. Этот атрибут также определяет пространство между ячейками.
cellpadding = [число]
Определяет пространство между границей ячейки и ее содержимым. Если значение этого атрибута указано в пикселах, все четыре поля должны иметь этот размер. Если значение атрибута указано в процентах, верхнее и нижнее поля должны быть отделены от содержимого на одинаковый процент доступного вертикального пространства, а левое и правое поля должны быть отделены от содержимого на одинаковый процент доступного горизонтального пространства.
bgcolor = [цвет]
Устанавливает цвет фона ячеек таблицы. Значения данного атрибута приведены в Приложении 1. Использование этого атрибута не рекомендуется, вместо него следует использовать свойства таблицы стилей.

Пример:

<table align=center width="80%" border=l cellspacing=10 cellpaddlng=3>
<caption>Страны Севера</caption>
<tr>
<td>Дания</td>
<td>Финляндия</td>
<td>Исландия</td>
<td>Норвегия</td>
<td>Швеция</td>
</tr>
</table>

<tbody>…</tbody>

Группирование строк тела таблицы, содержащих данные, в один или несколько разделов. Это позволяет программам просмотра поддерживать прокрутку тела таблицы независимо от заголовков. При печати длинных таблиц информация из заголовков может повторяться на каждой странице, на которой имеются данные таблицы. Элемент <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>
<thead>
<tr>
   <th>Фрукты</th>
   <th>Цена</th>
</tr>
</thead>
<tbody>
<tr>
   <td>Яблоки</td>
   <td>24</td>
</tr>
<tr>
   <td>Груши</td>
   <td>27</td>
</tr>
<tr>
   <td>Персики</td>
   <td>35</td>
</tr>
</tbody>
</table>

<td>…</td>

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

Атрибуты:

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

  • row — в ячейке представлена заголовочная информация для оставшейся части строки, в которой содержится эта ячейка.
  • col — в текущей ячейке представлена заголовочная информация для оставшейся части столбца, в котором содержится эта ячейка.
  • rowgroup — в ячейке представлена заголовочная информация для оставшейся группы строк, в которой содержится эта ячейка.
  • colgroup — в ячейке представлена заголовочная информация для оставшейся группы столбцов, в которой содержится эта ячейка.
abbr = [строка]
Используется для представления сокращенной формы содержимого ячейки; может генерироваться браузерами в подходящий момент вместо содержимого ячейки. Сокращенные имена должны быть короче, и браузеры могут повторять их. Например, синтезаторы речи могут генерировать сокращенные заголовки, относящиеся к определенной ячейке, перед генерацией содержимого ячейки.
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 — данные ячейки центрируются вертикально. Это значение используется по умолчанию.
  • bottom — данные в ячейке сдвигаются вниз.
  • baseline — во всех ячейках строки, в которой находится ячейка с установленным атрибутом valign, текст должен располагаться так, чтобы первая строка оказывалась на базовой линии, общей для всех ячеек в строке. Это ограничение не применяется к последующим текстовым строкам в этой ячейке.
char = [символ]
Определяет отдельный символ во фрагменте текста, служащий осью для выравнивания. По умолчанию в качестве значения этого атрибута используется символ десятичной точки для текущего языка, например,точка («.») в английском языке и запятая («,») — в русском. Программы просмотра не обязательно должны поддерживать этот атрибут.
bgcolor = [цвет]
Устанавливает цвет фона ячеек таблицы. Значения данного атрибута приведены в Приложении 1. Использование этого атрибута не рекомендуется, вместо него следует использовать соответствующее свойство таблицы стилей.

Пример:

<table border="1">
<tr>
   <td>11</td>
   <td>12</td>
   <td>13</td>
</tr>
<tr>
   <td>21</td>
   <td colspan="2">22+23</td>
</tr>
</table>

<textarea>…</textarea>

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

Атрибуты:

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

Пример:

<textarea name="text" rows="15" cols="60">
Первая строка исходного текста.
</textarea>

<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>
<tfoot>
<tr>
   <th>Фрукты</th>
   <th>Цена</th>
</tr>
</tfoot>
<tbody>
<tr>
   <td>Яблоки</td>
   <td>24</td>
</tr>
<tr>
   <td>Груши</td>
   <td>27</td>
</tr>
<tr>
   <td>Персики</td>
   <td>35</td>
</tr>
</tbody>
</table>

<th>…</th>

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

Атрибуты:

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

  • row — в ячейке представлена заголовочная информация для оставшейся части строки, в которой содержится эта ячейка.
  • col — в текущей ячейке представлена заголовочная информация для оставшейся части столбца, в котором содержится эта ячейка.
  • rowgroup — в ячейке представлена заголовочная информация для оставшейся группы строк, в которой содержится эта ячейка.
  • colgroup — в ячейке представлена заголовочная информация для оставшейся группы столбцов, в которой содержится эта ячейка.
abbr = [строка]
Используется для представления сокращенной формы содержимого ячейки. Может генерироваться браузерами в подходящий момент вместо содержимого ячейки. Сокращенные имена должны быть короче, и браузеры могут повторять их. Например, синтезаторы речи могут генерировать сокращенные заголовки, относящиеся к определенной ячейке, перед генерацией содержимого ячейки.
axis = [список имен категорий]
Используется вместо ячейки в концептуальных категориях. Программы просмотра могут предоставлять пользователям доступ к этим категориям, например, пользователь может запрашивать у программы все ячейки, принадлежащие к определенной категории, представлять таблицу в форме оглавления и т.д. Значением этого атрибута является список имен категорий, разделенный запятыми.
rowspan = [число]
Определяет число строк, перекрываемых текущей ячейкой. По умолчанию используется значение 1 (один). Значение 0 (ноль) означает, что ячейка перекрывает все строки — от текущей до последней строки таблицы.
colspan = [число]
Определяет число столбцов, перекрываемых текущей ячейкой. По умолчанию используется значение 1 (один). Значение 0 (ноль) означает, что ячейка перекрывает все столбцы от текущего до последнего столбца таблицы.
nowrap
Если этот логический атрибут используется, он сообщает визуальным программам просмотра о необходимости отключить автоматическое разбиение текста для этой ячейки, т.е. подавляет перенос слов. Для разбиения строк вместо этого атрибута должны использоваться таблицы стилей. При невнимательном использовании этот атрибут может привести к тому, что ячейки будут очень широкими.
width = [число]
Задает программам просмотра рекомендуемую ширину ячейки в пикселах.
height = [число]
Задает программам просмотра рекомендуемую высоту ячейки в пикселах.
align = left | center | right | justify | char
Задает выравнивание данных в ячейке. Возможные значения:

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

  • top — данные ячейки сдвигаются вверх.
  • middle — данные ячейки центрируются вертикально. Это значение используется по умолчанию.
  • bottom — данные в ячейке сдвигаются вниз.
  • baseline — во всех ячейках строки, в которой находится ячейка с установленным атрибутом valign, текст должен располагаться так, чтобы первая строка оказывалась на базовой линии, общей для всех ячеек в строке. Это ограничение не применяется к последующим текстовым строкам в этой ячейке.
char = [символ]
Определяет отдельный символ во фрагменте текста, служащий осью для выравнивания. По умолчанию в качестве значения этого атрибута используется символ десятичной точки для текущего языка, например, точка («.») в английском языке и запятая («,») — в русском. Программы просмотра не обязательно должны поддерживать этот атрибут.
bgсоlоr = [цвет]
Устанавливает цвет фона ячеек таблицы. Значения данного атрибута приведены в таблице в Приложении 1. Использование этого атрибута не рекомендуется, вместо него следует использовать соответствующее свойство таблицы стилей.

Пример:

<table border="1">
<tr>
   <th>Месяц</th>
   <th>Объем продаж</th>
</tr>
<tr>
   <td>Январь</td>
   <td>50 000</td>
</tr>
<tr>
   <td>Февраль</td>
   <td>62 000</td>
</tr>
<tr>
   <td>Март</td>
   <td>57 000</td>
</tr>
</table>

<thead>…</thead>

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

Атрибуты:

align=left | center | right | justify | char
Задает выравнивание данных в ячейке. Возможные значения:

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

  • top — данные ячейки сдвигаются вверх.
  • middle — данные ячейки центрируются вертикально. Это значение используется по умолчанию.
  • bottom — данные в ячейке сдвигаются вниз.
  • baseline — во всех ячейках строки, в которой находится ячейка с установленным атрибутом valign, текст должен располагаться так, чтобы первая строка оказывалась на базовой линии, общей для всех ячеек в строке. Это ограничение не применяется к последующим текстовым строкам в данной ячейке.
char = [спецсимвол]
Определяет отдельный символ во фрагменте текста, служащий осью для выравнивания. По умолчанию в качестве значения этого атрибута используется символ десятичной точки для текущего языка, например, точка («.») в английском языке и запятая («,»)  — в русском. Программы просмотра не обязательно должны поддерживать этот атрибут.

Пример:

<table>
<thead>
<tr>
   <th>Фрукты</th>
   <th>Цена</th>
</tr>
</thead>
<tbody>
<tr>
   <td>Яблоки</td>
   <td>24</td>
</tr>
<tr>
   <td>Груши</td>
   <td>27</td>
</tr>
<tr>
   <td>Персики</td>
   <td>35</td>
</tr>
</tbody>
</table>

<title>…</title>

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

Атрибуты:Нет.

Пример:

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

<tr>…</tr>

Представление строки таблицы. Закрывающий тэг может быть опущен.

Атрибуты:

align = left | center | right | justify | char
Задает выравнивание данных в ячейках строки. Возможные значения:

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

  • top — данные ячейки сдвигаются вверх.
  • middle — данные ячейки центрируются вертикально. Это значение используется по умолчанию.
  • bottom — данные в ячейке сдвигаются вниз.
  • baseline — во всех ячейках строки текст должен располагаться так, чтобы первые строки оказывалась на общей базовой линии.
char = [спецсимвол]
Определяет отдельный символ во фрагменте текста, служащий осью для выравнивания. По умолчанию в качестве значения этого атрибута используется символ десятичной точки для текущего языка, например, точка («.») в английском языке и запятая («,») — в русском. Программы просмотра не обязательно должны поддерживать этот атрибут.
bgсоlоr = [цвет]
Устанавливает цвет фона ячеек таблицы. Значения данного атрибута приведены в таблице в Приложении 1. Использование этого атрибута не рекомендуется, вместо него следует использовать соответствующее свойство таблицы стилей.

Пример:

<table border="1">
<tr bgcolor="aqua" align="left">
   <td> 11 </td>
   <td> 12 </td>
</tr>
<tr bgcolor="silver" align="right">
   <td> 21 </td>
   <td> 22 </td>
</tr>
</table>

<tt>…</tt>

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

Атрибуты:Нет.

Пример:

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

<u>…</u>

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

Атрибуты:Нет.

Пример:

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

<ul>…</ul>

Представление информации в виде неупорядоченного списка без нумерации элементов.

Атрибуты:

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

Пример:

<ul type=disc compact>
   <1i>Россия</li>
   <1i>Украина</li>
   <1i>Молдова</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