В настоящий справочник включено большинство элементов языка HTML 4.0. Все элементы расположены в алфавитном порядке.
Для каждого тэга приводится краткое описание, список основных атрибутов и примеры использования. Для большинства
атрибутов указаны допустимые значения. Значениями атрибутов могут быть ключевые слова, например, left,
или слова в квадратных скобках, которые определяют тип значения, например, width=[число]. В таких случаях
в коде HTML вместо [число] следует указать требуемое фактическое значение, например, width=100.
Альтернативные значения атрибутов разделены вертикальной чертой «|», например,
align=left|center|right. Для удобства пользования справочником ниже приводится алфавитный указатель
всех элементов.
В документе создается гиперссылка.
Атрибуты:<а href=http://www.anekdot.ru>Анекдоты</a>
<а name=info>Дополнительная информация</а>
<а href=index.html#info>Подpoбнee...</a>
Предоставление контактной информации об авторе текущего документа, т.е. документа, в котором находится тэг.
Атрибуты:Нет.
Пример:<address><a href=http://geoton.narod.ru>Компания ГEOTOH</a></address>
Вставка java-апплетов в HTML-документ. Элемент <applet>...</applet> является нежелательным, вместо него следует использовать тэг <object>...</object>.
Атрибуты:<applet> codebase="http://www.server.com/pgv/myclass.class" code=applet.class alt="Апплет нуждается в Java-совместимом браузере" name="Appletinstance" width=300 height=300 align=middle> </applet>
Определение области навигационной карты, реагирующей на щелчок мыши. Сама навигационная карта определяется
элементом <map>...</map>. При щелчке мышью в специфицированной области происходит
переход к документу, указанному в данном тэге. Чтобы помочь пользователю, браузер может вывести в строке
статуса содержимое атрибута 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> с нормальным.
Задание базового URL для относительных URL в документе, например, в атрибутах href элемента
<а>...</а>.
<base href=http://www.anekdot.ru> тогда ссылка <a href="lists.html">Примеры</a> эквивалентна ссылке <a href=http://www.anekdot.ru/lists.html>Примеры</a>
Устанавливает основной размер шрифта, применяемый к обычному и предварительно отформатированному тексту.
Элемент <basefont> устанавливает базовый размер шрифта с помощью атрибута size.
Изменения размера шрифта элементом <font>...</font> производятся относительно
базового размера, установленного тэгом <basefont>. Если элемент <basefont>
не задан, по умолчанию используется размер 3. Использование элемента <basefont>
нежелательно. Вместо него следует использовать соответствующие свойства языка таблиц стилей.
Это — текст с размером шрифта по умолчанию (3). <basefont size=5>A это — с увеличенным размером (5).
Представление текста крупным шрифтом.
Атрибуты:Это — <big>большая</big> ошибка.
Представляет длинную цитату как блок цитирования в виде отдельного абзаца или последовательности абзацев, часто с отступом, как слева, так и справа, и шрифтом, отличным от простого текста, часто курсивом.
Атрибуты:<blockquote> У меня есть мечта. Эта мечта берет начало в американской мечте. <p>Я мечтаю о том, что однажды нация поднимется и определит настоящее значение своей веры. Мы убеждены, что каждый человек должен чувствовать что все были рождены равными.</p> <blockquote>
Тело документа. Поскольку предпочтительнее теперь представлять документы с помощью языка
таблицы стилей, атрибуты тэга <body> считаются нежелательными.
<body bgcolor=white text=black link=red alink=fuchsia vlink=maroon> ...тело документа... </body>
Принудительный переход на новую строку.
Атрибуты:left), вправо
(right), к обоим краям одновременно (all) или не передвигает вовсе
(none).
<br>Каждое<br>слово<br>с<br>новой<br>строки
В форме создается кнопка. Кнопки, создаваемые с помощью этого элемента, действуют так же, как и кнопки, создаваемые с
помощью элемента <input>...</input>, но они обеспечивают более богатые возможности представления: элемент
<button>...</button> может иметь содержимое. Визуальные браузеры пользователей могут представлять кнопки
<button>...</button> рельефно или с эффектом нажатия при щелчке мыши, в то время как кнопки
<input>...</input> могут представляться только как «плоские» изображения.
submit — кнопка отправки, reset — кнопка сброса,
button — другая кнопка.<button name="submit" type="submit">Передать информацию</button>
Представление заголовка для таблицы. Отображается обычным шрифтом.
Атрибуты:<table> <caption>Курсы иностранных валют</caption> ...тело таблицы... </table>
Выравнивание фрагментов документа по центру страницы. Использование данного элемента нежелательно. Вместо него следует применять соответствующее свойство языка таблиц стилей.
Атрибуты:Нет.
Пример:<center>Этот текст центрирован</center>
Представление ссылок или цитат из других источников, например, ссылки на название книги.
Атрибуты:Нет.
Пример:
Это цитата из романа <cite>Война и Mиp</cite>
Представление программного кода.
Атрибуты:Нет.
Пример:Выражения типа <code>a[i++] + b[i++]</code> не должны использоваться.
Позволяет группировать определения атрибутов для столбцов таблицы. Данный элемент не группирует
столбцы структурно — эту роль выполняет элемент <colgroup>...</colgroup>.
Элементы <col> являются пустыми и служат только для поддержания атрибутов.
Они могут находиться внутри или вне явной группы столбцов, т.е. элемента
<colgroup>...</colgroup>.
<col>; атрибуты элемента
<col> распространяются на все столбцы, которые он группирует. Значение по
умолчанию для этого атрибута — 1, т.е. элемент <col>
группирует один столбец. Если для данного атрибута установлено значение n>1, то
атрибуты текущего элемента <col> распространяются на следующие n-1
столбцы.
<col>,
используемую по умолчанию. Он принимает то же значение, что и атрибут width элемента
<colgroup>...</colgroup> и имеет над ним приоритет.
<col span="5" width="50">
Группирование столбцов в таблице.
Атрибуты:span каждый элемент
<colgroup>...</colgroup>
определяет группу, состоящую из одного столбца;
span установлено значение n > 0, текущий элемент
<colgroup>...</colgroup> определяет группу,
содержащую n столбцов.
<colgroup>...</colgroup> содержит один или несколько
элементов col.
0* (ноль со звездочкой), которая означает, что ширина каждого столбца в группе должна быть
минимальной, необходимой для размещения содержимого столбца. Следует знать, что использование
0* не позволит браузерам генерировать таблицу последовательно. Этот атрибут переопределяется
для любого столбца из группы, для которого значение атрибута width задано в элементе
col.
Таблица из 30 столбцов, каждый из которых имеет ширину 20 пикселов:
<colgroup span="30" width="20"> </colgroup>
Такое определение более простое, чем:
<colgroup> <col width="20"> <col width="20"> ...все 30 элементов col... </colgroup>
Обеспечивает определение термина в элементе <dl>...</dl>. Списки определений
незначительно отличаются от других типов списков тем, что элементы состоят из двух частей: термина и
определения. Термин обозначается с помощью элемента <dt>...</dt>. Определение
указывается с помощью элемента <dd>...</dd>. Множество элементов
<dt>...</dt> может быть при единственном элементе <dd>...</dd>.
To есть несколько терминов могут иметь одно и тоже определение. Документ не должен содержать несколько
последовательных элементов <dd>...</dd>.
Закрывающий тэг не обязателен.
Нет.
Пример:<dt>Окружность</dt> <dd>Геометрическое место точек, равноотстоящих от одной точки.</dd>
Указывает, что данное слово является определением. Это фрагмент текста, который должен представляться с некоторыми отличиями от обычного текста, например, выделением курсивом. Но многие браузеры, эффективно не поддерживают данный элемент и представляют его как обычный текст.
Атрибуты:Нет.
Пример:<dfn>Компьютер</dfn> - универсальная машина для обработки информации.
Ненумерованный список в каталоге. На практике большинство браузеров представляют элемент
<dir>...</dir> так же, как элемент <ul>...</ul>.
Использование тэгов <dir>...</dir>нежелательно. Вместо них рекомендуется
использовать тэги <ul>...</ul>.
<dir> <li>Один</li> <li>Два</li> <li>Три</li> </dir>
Разделение документа так, что к различным частям документа могут быть применены различные
выравнивания: влево, по центру, вправо. Программы просмотра не всегда выделяют абзац до и
после элемента <div>...</div>. Поэтому если нужно явно отобразить
новый абзац, используйте элемент <р>...</р> с атрибутом
align.
left), по центру (center),
вправо (right), по обоим краям (justify).
<div align=center>3тот текст центрирован.</div>
Список определений для терминов, имен, описаний и т.д.
Списки определений незначительно отличаются от других типов списков тем, что их элементы состоят
из двух частей: термина и определения. Термин обозначается с помощью элемента
<dt>...</dt>. Определение указывается с помощью элемента
<dd>...</dd>. Наиболее типичным является следующее отображение:
слева — выделенный термин, затем — определение, представленное в виде отступа,
но без маркера. Отображение должно поддерживать связь каждого определения с соответствующим термином.
Элементы <dt>...</dt> должны быть спарены с соответствующими элементами
<dd>...</dd>. При единственном элементе<dd>...</dd>
может быть множество элементов<dt>...</dt>. To есть несколько терминов
могут иметь одно и то же определение. Документ не должен содержать несколько последовательных
элементов <dd>...</dd>.
<dl compact> <dt>А <dd>Первая буква алфавита <dt>Б <dd>Bтopaя буква алфавита <dt>В <dd>Tpeтья буква алфавита </dl>
Представление термина в списке определений, созданном элементом <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>
Выделение текста. Обычно отображается курсивом, но некоторые браузеры могут использовать подчеркивание.
Более сильное выделение реализуется элементом <strong>...<strong>.
Нет.
Пример:<em>em</em> — От английского emphasis — акцент.
Изменяет размер и цвет шрифта текста, содержащегося в данном элементе. Использование элемента
<font>...</font> нежелательно. Вместо него следует применять соответствующие
конструкции языка каскадных таблиц стилей.
<font size=5 color=red>HTML</font>
Данный элемент создает форму.
Атрибуты:GET (по умолчанию) и POST.
application/x-www-form-urlencoded. С элементом <input type="file">
должно использоваться значение multipart/form-data.
accept-charset и/или не позволять пользователям вводить нераспознаваемые символы.
"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>
Определяет содержимое и вид одного фрейма.
Атрибуты:title, и может быть особенно полезно для невизуальных браузеров.
<title>...</title>, который предоставляет информацию обо всем документе
и может присутствовать в HTML-тексте только один раз, атрибут title может сопровождать
все элементы, кроме <base>, <basefont>, <head>...</head>,
<html>...</html>, <meta>, <param>, <script>...</script>,
<style>...<stile>, <title>...</title>.
title могут использоваться программами просмотра по-разному.
Например, визуальные браузеры часто отображают его как подсказку — краткое сообщение, которое
появляется при указании мышью на объект. Речевые браузеры могут проговаривать информацию заголовка.
Например, установка этого атрибута для ссылки позволяет браузерам — визуальным и невизуальным —
сообщить пользователям о природе связанного ресурса.
<frame src="http://www.anekdot.ru/index.html">
<frame src="contents.html" scrolling="no">
<frame src="contents.gif" marginwidth="10" marginheight="15" noresize>
<frame src="contentsl.html" frameborder="0">
<fframe name="fixed" src="init.html">
Создает фреймы в виде прямоугольных участков в основном окне пользователя.
Атрибуты:rows не установлен, каждый столбец занимает всю длину страницы.
Если атрибут cols не установлен, каждая строка занимает всю ширину страницы.
Если не установлен ни один из этих атрибутов, фрейм занимает всю страницу.
<frameset rows="50%, 50%">...</frameset>
<frameset cols="l*, 250, 3*">...</frameset>
<frameset rows="30%,70%" cols="33%,34%,33%">...</frameset>
<frameeet rows="30%,400,*,2*">...</framesat>
Данные элементы создают заголовки. Заголовок кратко описывает содержание раздела, которому он предшествует. Информация из заголовка может использоваться браузерами пользователей, например, для автоматического построения оглавления документа.
В языке HTML существует шесть уровней заголовков: <h1>...</h1> — наиболее
важный, <h6>...</h6> — наименее важный. Более важные заголовки обычно
отображаются большими шрифтами, чем менее важные.
<h1 align=center>Привет всем!</h1>
Содержит информацию о текущем документе, такую, как заголовок, ключевые слова, которые могут
использоваться поисковыми машинами, и другие данные, не считающиеся содержимым документа.
Браузеры обычно не используют элементы из раздела <head>...</head>.
Однако они могут предоставлять пользователям информацию из раздела
<head>...</head> с помощью своих собственных механизмов. В элементе
<head>...</head> обязательно содержится один элемент
<title>...</title> и необязательно, в любом порядке элементы:
<isindex>, <base>, <meta>, <link>, <style>...</style>
и <script>...</script>.
<head> <title>Типичные неисправности аппаратуры</title> </head>
Разделитель в виде горизонтальной черты.
Атрибуты:left), по центру (center),
вправо (right). По умолчанию — center (по центру).
<hr align=left noshade size=5 width=100>
Элемент верхнего уровня в языке HTML. После объявления типа остальная часть документа HTML содержится
в элементе <html>...</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>
Позволяет вставлять фрейм в блок текста. Вставка встроенного фрейма в раздел текста скорее похожа на
вставку объекта с помощью элемента <object>...</object>: оба они позволяют
вставить один документ HTML в другой, оба могут выравниваться относительно окружающего текста и т.д.
title, и может быть особенно полезно для невизуальных браузеров.
<title>...</title>, который предоставляет информацию обо всем документе
и может присутствовать в HTML-тексте только один раз, атрибут title может сопровождать
все элементы, кроме <base>, <basefont>, <head>...</head>,
<html>...</html>, <meta>, <param>, <script>...</script>,
<style>...<stile>, <title>...</title>.
title могут использоваться программами просмотра по-разному.
Например, визуальные браузеры часто отображают его как подсказку — краткое сообщение, которое
появляется при указании мышью на объект. Речевые браузеры могут проговаривать информацию заголовка.
Например, установка этого атрибута для ссылки позволяет браузерам — визуальным и невизуальным —
сообщить пользователям о природе связанного ресурса.
<iframe src="shop.html" width="400" height="500" scrolling="auto" frameborder="l">
Внедряет изображение в текущий документ по адресу из определения элемента.
Атрибуты:alt. Если с изображением связана навигационная карта, в этом
атрибуте должна приводиться информация о ее содержимом. Это особенно важно для серверных навигационных карт.
<map>...</map>. Значение атрибута usemap должно совпадать со
значением атрибута name связанного элемента <map>...</map>.
Активная область определяет серверную ссылку. Таким образом, щелчок мышью в любой точке изображения вызовет передачу координат на сервер:
<a href="http://www.acme.com/cgi-bin/competition"> <img src="game.gif" ismap alt="target"></a>
Создает управляющий элемент, тип которого зависит от значения атрибута type.
text):
text, но вводимый в поле
текст представляется таким образом, чтобы не отображать символы, например, в виде ряда звездочек.
Этот управляющий элемент часто используется для ввода паролей. Обратите внимание, что текущим
значением является текст, введенный пользователем, а не текст, представляемый браузером. Следует
обратить внимание также на то, что этот механизм обеспечивает только слабую защиту. Хотя пароль
маскируется браузером пользователя от случайных наблюдателей, он передается на сервер в виде
открытого текста, и его может прочесть любой пользователь, имеющий доступ к сети.
value в качестве исходного имени файла.
src задает URL изображения, используемого для представления кнопки.Из
соображений доступности авторам следует предусматривать альтернативный текст для изображения
с помощью атрибута alt.
value.
type не установлено значение radio.
type не установлено значение text или password.
В этом случае ширина задается в виде количества символов.
text или password,
данный атрибут определяет максимальное число символов, вводимых пользователем. Это число может
превышать указанный в атрибуте size размер поля; в таком случае браузер
пользователя должен обеспечивать механизм прокрутки. По умолчанию число символов не ограничено.
type установлено значение radio или checkbox,
этот логический атрибут указывает, что переключатель или флажок установлен. Браузеры пользователей
должны игнорировать данный атрибут для других типов управляющих элементов.
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>
Создает однострочное текстовое поле ввода, в которое можно ввести любое количество сиволов.
Использование данного элемента нежелательно. Вместо него следует применять тэг
<input>
<isindex prompt="Введите фразу для поиска: ">
Такое же поле ввода можно создать с использованием элемента <input>
следующим образом:
<form action="http://www.acme.com" method="post"> <р>Введите фразу для поисха: <input type="text"></p> </form>
Представление текста, который должен вводиться пользователем.
Атрибуты:Нет.
Пример:Введите <kbd>имя</kbd> и нажмите клавишу Enter.
Элемент <label>...</label> может использоваться для прикрепления информации
к элементам управления формы. Каждый элемент <label>...</label> связан ровно
с одним управляющим элементом формы.
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>
Представление элемента списка. Конечный тэг можно опустить.
Атрибуты:<ol>...</ol>. Этот атрибут
устанавливает номер текущего элемента списка. Следует помнить, что, хотя значением атрибута
является целое число, соответствующая метка может быть нечисловая (см. атрибут start
элемента <ol>...</ol>).
В упорядоченных списках невозможно продолжать нумерацию автоматически из предыдущего списка или
убрать нумерацию для некоторых элементов. Однако можно пропустить несколько элементов списка,
установив для них атрибут value. Нумерация для последующих элементов списка продолжается
с нового значения:
<li value="20">Элемент списка номер 20.</li> <li value="30">Элемент списка номер 30.</li> <li>Элемент списка номер 31.</li>
Определяет связь. В отличие от элемента <а>...</а>, он может присутствовать
только в разделе <head>...</head> документа неограниченное число раз. Хотя
элемент <link> не имеет содержимого, он содержит информацию об отношениях, которая
может представляться браузерами пользователей различными способами, например, в виде открывающегося
списка ссылок.
href. Значением
этого атрибута является разделенный пробелами список типов ссылок:
alternate для таблиц стилей, выбираемых пользователем.
previous.
title.
В каждом документе можно определить несколько закладок.
<title>...</title>, который предоставляет информацию обо всем документе
и может присутствовать в HTML-тексте только один раз, атрибут title может сопровождать
все элементы, кроме <base>, <basefont>, <head>...</head>,
<html>...</html>, <meta>, <param>, <script>...</script>,
<style>...<stile>, <title>...</title>.
title могут использоваться программами просмотра по-разному.
Например, визуальные браузеры часто отображают его как подсказку — краткое сообщение, которое
появляется при указании мышью на объект. Речевые браузеры могут проговаривать информацию заголовка.
Например, установка этого атрибута для ссылки позволяет браузерам — визуальным и невизуальным —
сообщить пользователям о природе связанного ресурса.
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>
Создает клиентскую навигационную карту, которая может быть связана с одним или несколькими
HTML-элементами: <img>, <object> или <input>.
Навигационная карта связывается с элементом с помощью атрибута usemap.
Навигационные карты позволяют авторам определять области изображения или объекта и назначать каждой из них определенное действие, например, загрузку документа, запуск программы и т.д. Когда область активизируется пользователем, выполняется заданное действие. Навигационная карта создается путем назначения объекта с указанием соответствующих геометрических областей.
Существует два типа навигационных карт:
href элемента <а>...</а>.
Сервер интерпретирует координаты и выполняет соответствующие действия. Если сервер
предпринимает различные действия в зависимости от места щелчка, пользователи неграфических
браузеров не смогут воспользоваться этим свойством. По этой причине авторам следует
предусматривать альтернативные подходы, например, использовать несколько кнопок
отправки, каждая с отдельным изображением, вместо одной графической кнопки;
Клиентские навигационные карты являются более предпочтительными по сравнению с серверными по крайней мере по двум причинам: они доступны пользователям неграфических браузеров и позволяют незамедлительно определить, находится ли указатель в активной области.
Атрибуты:<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>
Представляет информацию в формате, подобном меню. Предназначается для использования в списках меню,
состоящих из одного столбца. Элемент имеет ту же структуру, что и элемент <ul>...</ul>.
На практике браузеры генерируют список <menu>...</menu> точно так же, как
список <ul>...<ul>. При использовании элемента <menu>...</menu>
реализуется не привычный выбор из меню, а только высвечивается меню ключевых слов. Чтобы отобразить
выбор из меню, можно использовать элементы <a>...</a>. Рекомендуется использовать
вместо <menu>...</menu> элемент <ul>...</ul>.
<menu> <1i>Отменить</li> <1i>Вырезать</li> <1i>Копировать</li> <1i>Вставить</li> <1i>Найти</li> <1i>Найти далее</li> </menu>
Для задания метаинформации — информации о документе, т.е. пар имя/значение, описывающих свойства документа,
например, авторство, истечение даты, список ключевых слов и т.д. Элементы <meta>
не влияют на отображение самого документа.
name. Серверы HTTP используют этот атрибут для сбора информации
для заголовков сообщений ответов HTTP.
<meta http-equiv="Content-Type" content="text/html" charset="Windows-1251">
Задает содержимое, которое должно отображаться только в том случае, если не отображаются фреймы.
Браузеры пользователей, поддерживающие фреймы, должны отображать содержимое объявления
<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> должно генерироваться браузерами пользователей,
поддерживающими скрипты, только когда браузер сконфигурирован так, чтобы не выполнять скрипты или браузер
не поддерживает язык скриптов, используемый элементом <script>...</script>.
Браузеры, не поддерживающие клиентские скрипты, должны представлять содержимое данного элемента.
Нет.
Пример:
В следующем примере браузер, выполняющий элемент <script>...</script>, включит в
документ динамически создаваемые данные. Если браузер пользователя не поддерживает скрипты, пользователь
может загрузить эти данные по ссылке.
<script type="text/tcl"> ...скрипт на языке Tcl для вставки данных... </script> <noscript> <p> <a href="http://www.place.com/data">Доступ к данным</a> </p> </noscript>
Позволяет управлять генерацией данных — задавать внешнюю генерацию или использование некоторой,
определяемой автором, программы, генерирующей данные в браузере пользователя. В большинстве браузеров
имеются встроенные механизмы для генерации основных типов данных, таких как текст, изображения в
формате gif, цвета, шрифты и ряд графических элементов. Для генерации типов данных,
которые браузеры не поддерживают по умолчанию, они обычно запускают внешние приложения.
В более общем случае автор должен определить три типа информации:
Элемент <object>...</object> позволяет указать все три типа данных объекта,
но авторы могут не указывать их все. Некоторым объектам не требуются данные, например, апплетам,
выполняющим анимацию. Другим может быть не нужна инициализация. Третьим может не понадобиться
дополнительная информация о реализации, то есть сам браузер может уже знать, как генерировать этот
тип данных, например, изображения в формате gif.
Авторы задают реализацию объекта и местоположение данных, генерируемых с помощью элемента
<object>...</object>. Однако для указания рабочих значений следует
использовать элемент <param>.
Элемент <object>...</object> может также присутствовать внутри элемента
<head>...</head>. Поскольку программы просмотра обычно не генерируют элементы
в заголовках, следует убедиться, что во всех элементах <object>...</object>
в <head>...</head> нет содержимого, которое должно генерироваться.
data или как альтернатива ему, в зависимости от типа объекта.
classid, data и archive.
Если этот атрибут отсутствует, значением по умолчанию является базовый адрес URL текущего
документа.
classid. Этот атрибут не является обязательным,
но рекомендуется, если используется атрибут classid, поскольку он позволяет
программе просмотра избежать загрузки информации для типа содержимого, который она не
поддерживает. Если этот атрибут отсутствует, по умолчанию используется значение атрибута
type.
codebase.
data. Этот атрибут не
является обязательным, но рекомендуется, если используется атрибут data,
поскольку он позволяет браузерам избежать загрузки информации для типа содержимого, который
они не поддерживают.
classid и data. Предварительная загрузка архивов приведет к уменьшению
времени загрузки объекта. Архивы, указанные в виде относительных адресов URL, должны интерпретироваться
относительно атрибута codebase.
<object>...</object>
только объявлением.
В следующем примере в документ с помощью элемента <object>...</object>
вставляется апплет, которому не нужны дополнительные параметры и рабочие значения. Атрибут
classid определяет местоположение апплета:
<p> <object classid="http://www.rusia.ru/analogclock.py"> </objeot> </p>
Представление информации в виде упорядоченного, нумерованного списка. Упорядоченные и неупорядоченные списки генерируются одинаково за исключением того, что визуальные браузеры нумеруют упорядоченные списки. Программы просмотра могут представлять эти номера несколькими способами.
Атрибуты:start=3 означает С. Если в качестве стиля выбраны римские цифры нижнего регистра,
start=3 означает iii и т.д.
<ol> <li>Элемент 1</li> <li>Элемент 2</li> <li>Элемент 3</li> </ol>
Позволяет логически группировать варианты выбора в меню формы. Обычно это полезно, если пользователь
должен делать выбор в длинном списке вариантов; группы связанных вариантов проще просматривать и
запоминать, чем один длинный список вариантов. В HTML 4.0 все элементы <optgroup>...</optgroup>
должны задаваться непосредственно в элементе <select>...</select>, т.е. группы
не могут быть вложенными. Поддерживается не всеми браузерами.
<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>.
<select name="comp"> <option value="PC" selected>Персональные компьютеры</option> <option value="WS">Pa6oчие станции</option> <option value="LAN">Cepверы локальных сетей</option> <option value="IS">Cepверы Интернета</option> </select>
Представление обычного текстового абзаца. Закрывающий тэг может быть опущен.
Атрибуты:left), по центру (center),
вправо (right), по обоим краям (justify).
<p align=center>Новый абзац</p>
Определяет набор значений, которые могут понадобиться объекту во время работы. В элементах
<object>...</object> или <applet>...</applet>
может присутствовать любое число элементов <param> в любом порядке, но они
должны помещаться в начале тела, включающего элементы <object>...</object>
или <applet>...</applet>.
name.
value. Возможные значения:
value, будет определяться и передаваться в объект в виде строки.
value, является
адресом URL ресурса, где хранятся рабочие значения. Это позволяет средствам поддержки
идентифицировать адреса URL, заданные в качестве параметров.
value,
является идентификатором, ссылающимся на объявление <object>...</object>
в этом же документе. Идентификатором должно быть значение атрибута id для
объявленного элемента <object>...</object>.<base>, <head>, <html>, <meta>, <script>, <style>,
<title> для назначения имени данному элементу, которое в пределах документа должно
быть уникальным.
value только в случае, если
значением атрибута valuetype является ref. Таким образом, этот атрибут
определяет для программы просмотра тип значений, которые будут находиться по адресу URL, назначенному
атрибутом value.
Если апплет может принимать два рабочих параметра, определяющих его начальную высоту и ширину, то
установить исходные размеры 60x60 пикселов можно с помощью двух элементов <param>:
<object classid="http://www.angl.ru/analogclock.py"> <param name="height" value="60" valuetype="data"> <param name="width" value="60" valuetype-"data"> </object>
Представляет текст с использованием пробелов и переводов строк для последующего отображения его на экране.
Это нужно, когда используется только текстовая информация, и вы хотите расположить ее на странице Web,
предпочитая выбранную компоновку. Текст отображается шрифтом одного размера, т.е. шрифтом типа телетайпного,
в котором все символы имеют один и тот же размер по горизонтали. Использование пробелов и переводов строк
точно соответствует содержимому в пределах элемента <pre>...</pre>.
<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>
Определяет текст в кавычках. В отличие от элемента <blockquote>...</blockquote>
предназначен для коротких цитат, в которых не требуется разбиение на абзацы. Визуальные браузеры должны
обеспечивать отображение содержимого элемента <q>...</q> с кавычками в начале и
в конце. Авторы не должны помещать кавычки в начало и в конец текста в элементе <q>...</q>.
<q>The best defence is offence.</q>
Отображение текста перечеркнутым шрифтом. Такую же функцию выполняет элемент
<strike>...</strike>. Оба элемента нежелательны.
Нет.
Пример:<s>Этот текст перечеркнут</s>
Вывод примера программ, сценариев и т.д.
Атрибуты:Нет.
Пример:
<samp>Еще один пример</samp>
Помещает скрипт в документ. Этот элемент может указываться в элементе <head>...</head>
или <body>...</body> документа HTML несколько раз.
Клиентский скрипт — это программа, которая может сопровождать документ HTML или непосредственно быть внедренной в него. Такая программа выполняется на клиентской машине при загрузке документа или в другое время, например, когда активизируется ссылка. Поддержка скриптов в HTML не зависит от языка скрипта.
Атрибуты:<script>...</script> или во внешнем файле. Если атрибут src
не установлен, программы просмотра должны интерпретировать содержимое элемента как скрипт. Если
для атрибута src установлено значение URL, браузеры должны игнорировать содержимое
этого элемента и загружать скрипт по указанному URL.
"text/javascript". Авторы должны
указать значение этого атрибута.
type.
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>
Создает меню в форме, предоставляющее пользователям варианты выбора. Пункты меню в свою очередь
создаются элементами <option>...</option>, которые могут группироваться элементом
<optgroup>...</optgroup>. Элемент <select>...</select>
должен содержать хотя бы один элемент <option>...</option>.
Как альтернативу <select>...</select>, вы можете использовать элемент
<input> с type=checkbox или type=radio, который при
отображении позволяет пользователю увидеть все варианты сразу.
<select>...</select> представлен в виде списка с возможностью
прокрутки, этот атрибут определяет число строк в списке, видимых в данный момент времени. Визуальные
программы просмотра не обязательно должны представлять элемент <select>...</select>
в виде списка; они могут использовать другие механизмы - например, открывающийся список.
<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>
Определяет встраиваемую информацию. Обеспечивает общий механизм добавления структуры в документы.
Атрибуты:<base>, <head>...</head>, <html>...</html>,
<meta>, <script>...</script>, <style>...</style>,
<title>...</title>.
<base>, <basefont>, <head>...</head>,
<html>...</html>, <meta>, <param>, <script>...</script>,
<style>...</style>, <title>...</title>.
<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>
Представление текста перечеркнутым шрифтом. Такую же функцию выполняет элемент
<s>...</s>. Оба элемента нежелательны.
Нет.
Пример:Сравните <strike>перечеркнутый текст</strike> c нормальным
Для сильного подчеркивания. Менее сильное выделение реализуется элементом <em>...</em>.
Обычно визуальные программы просмотра представляют текст элемента <em>...</em> курсивом,
а текст элемента <strong>...</strong> полужирным шрифтом. Синтезаторы речи могут изменять
параметры синтеза, например, громкость, повышение тона и скорости соответственно.
Нет.
Пример:Сравните <em>выделение</em> и <strong>сильнoe выделение</strong>
Позволяет помещать правила таблиц стилей в раздел <head>...</head> документа.
В HTML допустимо любое число элементов <style>...</style> в разделе
<head>...</head>.
"text/css". Авторы должны указать значение для этого атрибута;
для него нет значения по умолчанию.
"screen".
Следующее объявление приводит к появлению границы округ всех элементов <h1>...</h1>
в документе и центрированию их на странице:
<head>
<style type="text/css">
h1 { border-width: medium; border-style: ridge; text-align: center }
</style>
</head>
Нижний индекс. Содержимое элемента отображается несколько ниже уровня обычного текста, часто так, что текст индекса центрирован относительно нижнего уровня обычного текста и, возможно, меньшим шрифтом.
Атрибуты:Нет.
Пример:x<sub>i</sub> = x<sub>l</sub> + x<sub>2</sub> + ... + x<sub>n</sub>
Представление надстрочного индекса, который может быть показателем степени в математическом выражении или индексом переменных. Отображается несколько выше уровня нормального текста и, возможно, меньшим шрифтом.
Атрибуты:Нет.
Пример:a<sup>b<sup>c</sup></sup>
Представление информации в виде таблиц.
Атрибуты:<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> должен содержать по крайней мере одну строку,
определяемую элементом <tr>. Конечный тэг всегда может быть опущен.
valign, текст должен располагаться так, чтобы первая строка оказывалась
на базовой линии, общей для всех ячеек в строке. Это ограничение не применяется к последующим текстовым
строкам в этой ячейке.
<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>
Представление данных в ячейке таблицы. Ячейка данных в таблице обычно отображается с использованием шрифта нормального текста. По умолчанию данные выровнены по левому краю в пределах пространства, выделенного браузером для ячейки. Конечный тэг может быть опущен.
Атрибуты:id. Авторы обычно используют атрибут headers с
целью помочь невизуальным браузерам в генерации заголовков ячеек данных, например, заголовок произносится
перед прочтением данных ячейки. Но этот атрибут может также использоваться вместе с таблицами стилей.
См. также атрибут scope.
valign, текст должен располагаться так, чтобы первая строка
оказывалась на базовой линии, общей для всех ячеек в строке. Это ограничение не применяется к
последующим текстовым строкам в этой ячейке.
<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 name="text" rows="15" cols="60"> Первая строка исходного текста. </textarea>
Группирование строк таблицы в нижний заголовок. Заголовки таблицы должны содержать информацию о
столбцах таблицы. Это позволяет программам просмотра поддерживать прокрутку тела таблицы независимо
от заголовков. При печати длинных таблиц информация из заголовков может повторяться на каждой странице,
на которой имеются данные таблицы. Элемент <tfoot>...</tfoot> должен содержать
по крайней мере одну строку, определяемую элементом <tr>...</tr> и располагаться
до элемента <tbody>...</tbody> в определении <table>...</table>,
чтобы программы просмотра могли генерировать нижний заголовок до получения всех, возможно, многочисленных
строк данных. Конечный тэг может быть опущен.
valign, текст должен располагаться так, чтобы первая
строка оказывалась на базовой линии, общей для всех ячеек в строке. Это ограничение не
применяется к последующим текстовым строкам в данной ячейке.
<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>
Представление заголовка столбца таблицы. В отличие от данных в ячейке таблицы, определяемых элементом
<td>...</td>, которые отображаются с использованием шрифта нормального текста,
заголовки столбцов обычно представляются с использованием более выделяющегося шрифта, например, полужирного.
По умолчанию браузер центрирует данные в пределах ячейки. Конечный тэг может быть опущен.
id. Авторы обычно используют атрибут headers
с целью помочь невизуальным браузерам в генерации заголовков ячеек данных, например, заголовок
произносится перед прочтением данных ячейки, но этот атрибут может также использоваться вместе с
таблицами стилей. См. также атрибут scope.
valign, текст должен располагаться так, чтобы первая строка оказывалась на
базовой линии, общей для всех ячеек в строке. Это ограничение не применяется к последующим текстовым
строкам в этой ячейке.
<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> должен содержать
по крайней мере одну строку, определяемую элементом <tr>...</tr>.
Конечный тэг может быть опущен.
valign, текст должен располагаться так, чтобы первая
строка оказывалась на базовой линии, общей для всех ячеек в строке. Это ограничение не
применяется к последующим текстовым строкам в данной ячейке.
<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>
Задает обязательный заголовок документа. Заголовок не отображается непосредственно, как часть самого документа, но может прилагаться к документу в нескольких контекстах: он может выводиться в заголовке окна программы просмотра, в списке результатов поиска, возвращаемых поисковым сервером, в горячем списке, определяемом пользователем, списке истории и т.д.
Атрибуты:Нет.
Пример:<head> <title>Каталог Интернет-магазинов</title> ... Другие элементы заголовка ... </head>
Представление строки таблицы. Закрывающий тэг может быть опущен.
Атрибуты:<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>одноразмерный шpифт</tt> с нормальным.
Представляет текст подчеркнутым шрифтом.
Атрибуты:Нет.
Пример:<u>Этот текст подчеркнут.</u>
Представление информации в виде неупорядоченного списка без нумерации элементов.
Атрибуты:type являются
disc, square и circle. Значение, используемое по умолчанию, зависит
от уровня вложенности текущего списка. Представление каждого значения зависит от программы
просмотра. Браузеры должны пытаться представлять disc в виде небольшого заполненного
кружка, circle — в виде окружности, a square — в
виде небольшого квадрата.
<ul type=disc compact> <1i>Россия</li> <1i>Украина</li> <1i>Молдова</li> </ul>
Для обозначения того, что часть текста (обычно слово) является переменной, т.е. элементом, который может заменяться различными выражениями. Отображается обычно курсивом.
Атрибуты:Нет.
Пример:Это — <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 |
HIVE: All information for read only. Please respect copyright! |
