Краткий cправочник HTML

Заголовок

HEAD

Определяет начало и конец заголовка.

Пример:

<html>

<head>

<title> Название страницы <title>

</head>

TITLE

Определяет название страницы. Отображается в заголовке окна брауреза.

Пример:

<head>

<title> Страница о пылесосах </title>

</head>

BASE

Указывает базовый адрес текущего документа.

Атрибуты:

href - адрес текущего документа

target - определяет имя фрейма, которое будет искользоваться в гиперссылках.

Пример:

<head>

<title> Супер пупер <title>

</head>

...

и относительная ссылка:

STYLE

Для вставки в документ таблицы стилей CSS.

Атрибуты:

type - определяет mime-тип вставляемого блока стилей. Обычно "text/css"

title - определяет имя таблицы стилей

Пример:

<head>

<title> таблицы стилей </title>

a {text-decoration : none; }

p {color : green; font-size : 12pt; font-family : Arial; }

h1 {color : red; font-size: 18pt; }

</style>

</head>

LINK

Описывает взаимосвязь с другими документами.

Атрибуты:

href - адрес URL объекта

rel - тип взаимосвязи документа с объектом, определенным href

stylesheet - файл, содержащий таблицу стилей CSS для текущего документа

home - указывает на главную страницу

toc, content - файл с оглавлением

index - файл, содержащий информацию для индексного поиска

glossary - файл, содержащий перечень терминов

up, parent - указывает на вышестоящую страницу

child - на нижестоящую страницу

next - следующая страница в последовательности

previous - предыдущая страница в последовательности документов

last, end - последняя страница в последовательности документов

first - первая страница в последовательности

help - страница с подсказкой

type - mime-тип для объекта, указанного в атрибуте href

Пример 1:

<head>

</head>

Пример 2:

<head>

Фреймы

FRAMESET

Определяет фреймовую структуру документа. Создается вместо тела документа.

Атрибуты:

rows - количество и размеры горизонтальных фреймов (строк)

Способы задания размеров:

в процентах от выстоы рабочей области окна. Например: "30%,30%,40%";
в виде знака "*" (звездочка), говорящего о том, что фрейм занимает все свободное пространство окна браузера, незанятое другими фреймами с явно указанными размерами. Например, звездочка в записи "25%, 25%, *" равносильна 50%;
в пикселях. Например "75,*";

Все три способа можно совмещать. Например, "25%, 40, *" разобъет экран на три горизонтальных фрейма, первый из которых будет высотой в четверть окна браузера, второй в 40 пикселов, а третий займет всю оставшуюся площадь.

cols - определяет количество и размеры вертикальных фреймов (стобцов) в окне браузера. В качестве значения задается список размеров фреймов через запятую. Размеры задются так же, как и в предыдущем атрибуте rows.

border - определяет ширину рамок фреймов в пикселях.

frameborder - определяет наличие рамок у содержащихся внутри framest фреймов

framespacing - определяет расстояние между фреймами в пикселях

FRAME

Определяет фрейм и его свойства внутри FRAMESET структуры

Атрибуты:

src - указывает адрес url html-файла, отображаемого в этом фрейме

name - имя фрейма, которое используется для ссылки на него

marginwidth - определяет ширину верхнего и нижнего полей фрейма

scrolling - определяет наличие полос прокрутки

noresize - не позволяет изменять размеры фрейма

frameborder - определяет наличие рамок

Пример:

...

</frameset>

<noframes>Ваш браузер не поддерживает фреймы</noframes>

</frameset>

<body>

</body>

NOFRAMES

Все, что находится между начальным и конечным тегами этого элемента, если он не поддерживает фреймы.

Пример:

<noframes> Ваш браузер не поддерживает фреймы</noframes>

</frameset>

Скрипты

SCRIPT

Вставляет скрипт в документ. Текст скрипта располагается между начальным и конечным тегами, либо определяется как URL файла, содержащего скрипт, в атрибуте src.

Атрибуты:

language - язык, на котором написан скрипт, например, JavaScript

src - URL скрипта

Пример 1:

</script>

NOSCRIPT

Определяет текст, который будет отображен, если браузер не работает со скриптами.

Пример:

</script>

Навигационные карты

MAP

Создает навигационную карту.

Атрибуты:

name - единственный атрибут. Определяет уникальное имя навигационной карты. Используется для вызова карты с помощью атрибута USEMAP элемента IMG.

Пример:

</map>

AREA

Создает область карты, определенной с помощью элемента map.

Атрибуты:

shape - определяет форму навигационной области. Значения: rect - прямоугольник, circle - круг, poly - многоугольник.

В зависимости от выбранной формы меняется способ задания ее координат в атрибуте coords

coords - определяет координаты навигационной области на карте. Используется в паре с атрибутом shape.

Способы задания координат для разных типов областей:

shape="rect" coords="левый х, верхний y, правый х, нижнай у";

shape="circle" coords="центр х, центр у, радиус";

shape="poly" coords="х1,у1,х2,у2,х3,у3,...";

href - определяет область как гипертекстовую ссылку. Значение задается в виде ссылка URL.

target - определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот атрибут используется только совместно с атрибутом href.

nohref - определяет область как неактивную (невосприимчивую к нажатию)

alt - определяет альтернативный текст для данной области

Пример:

</map>

Тело документа

BODY

Указывает начало и конец тела HTML-документа. Между начальным и конечным тегами модержится текст документа, изображения и таблицы. Одним слвом, все HTML-элементы, отвечающие за отображение документа, управление им и гипертекстовые ссылки. Элемент body должен встречаться в документе не более одного раза.

Атрибуты:

MARGINHEIGHT – определяет ширину (в пикселах) верхнего и нижнего полей документа. Работает только в браузерах Netscape.

TOPMARGIN – определяет ширину (в пикселах) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer.

MARGINWIDTH – определяет ширину (в пикселах) левого и правого полей документа. Работает только в браузерах Netscape.

LEFTMARGIN – определяет ширину (в пикселах) левого и правого полей документа. Работает только в браузерах Internet Explorer.

BACKGROUND – определяет изображение для "заливки" фона. Значение задается в виде полного URL или имени файла с картинкой в формате GIF или JPG.

BGCOLOR – определяет цвет фона документа. TEXT – определяет цвет текста в документе.

LINK – определяет цвет гиперссылок в документе.

ALINK – определяет цвет подсветки гиперссылок в момент нажатия.

VLINK – определяет цвет гиперссылок на документы, которые вы уже просмотрели.

Значения атрибутов BGCOLOR, TEXT, LINK, ALINK и VLINK задаются либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

Пример:

<html>

...

</body>

</html>

ГИПЕРССЫЛКИ

A

Используется для создания и использования гипертекстовых ссылок.

Атрибуты:

HREF – определяет находящийся между начальным и конечным тегами текст или изображение как гипертекстовую ссылку (URL, или линк) на документ (и/или область документа), указанный в значении данного атрибута.

Возможные значения:

http://... – создает ссылку на www-документ;

ftp://... – создает ссылку на ftp-сайт или расположенный на нем файл;

mailto:... – запускает почтовую программу-клиент с заполненным полем имени получателя. Если после адреса поставить знак вопроса, то можно указать дополнительные атрибуты, разделенные знаком "&"; news:.. – создает ссылку на конференцию сервера новостей;

telnet://... – создает ссылку на telnet-сессию с удаленной машиной;

wais://... – создает ссылку на WAIS – сервер;

gopher://... – создает ссылку на Gopher – сервер;

Если тип соединения и адрес машины не указаны, в качестве отправной точки используется адрес текущего документа. Это позволяет использовать относительные ссылки. Например, линк <a href = "docs/title.html"> документация </a> будет ссылаться на файл title.html в подкаталоге docs (относительно текущего).

NAME – помечает находящуюся между начальным и конечным тегами область документа как возможный объект для ссылки. В качестве значения нужно латиницей написать любое слово-указатель, уникальное для данного документа. Например: <a name="part">Раздел1</a> Теперь вы можете ссылаться на помеченную область простым указанием ее имени после имени документа. Например, линк <a href="documents.html#part">Раздел1</a> отправит вас в раздел "part" файла document.html, а линк <a href="#bottom"> – в раздел "bottom" текущего документа. (см. Пример 1)

TARGET – определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот атрибут используется только совместно с атрибутом HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов, либо одно из следующих зарезевированных имен:

_self – указывает, что определенный в атрибуте HREF документ должен отображаться в текущем фрейме;

_parent – указывает, что документ должен отображаться во фрейме-родителе текущего фрейма. Иначе говоря, _parent ссылается на окно, содержащее FRAMESET, включающий текущий фрейм;

_top – указывает, что документ должен отображаться в окне-родителе всей текущей фреймовой структуры;

_blank – указывает, что документ должен отображаться в новом окне.

Пример 1:

<a name="history">история</a>

...

...

вернуться к <a href="#history">история</a>

Пример 2:

...

Пример 3:

<a href="mailto:ttt@xup.ru?subject=Helo&body=i need you."> Отправить </a>

Текстовые блоки

H1, H2, ... H6

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

Атрибуты:

ALIGN – определяет способ выравнивания заголовка по горизонтали. Возможные значения: left, right, center.

Пример:

<h1 align="center">Самый большой заголовок</h1>

<h2> Заголовок поменьше </h2>

...

<h6> Самый маленький заголовок</h6>

P

Используется для разметки параграфов.

ALIGN – определяет способ горизонтального выравнивания параграфа.

Возможные значения: left, center, right. По умолчанию имеет значение left.

Пример:

<p align="center"> Это параграф. <br> Текст </p>

DIV

Используется для логического выделения блока HTML-документа. Элемент группировки, как и элемент SPAN. В современном сайтостроении используется как удобный контейнер для объектов страницы, которым легко динамически манипулировать – перемещать, включать/выключать, создавать слои, регулировать отступы и т.п. В браузеронезависимой вёрстке обычно используется для выравнивания блока html-кода в окне браузера. Находящиеся между начальным и конечным тегами текст или HTML-элементы по умолчанию оформляются как отдельный параграф.

Атрибуты:

ALIGN – определяет выравнивание содержимого элемента DIV. Атрибут может принимать значения: left, right, center.

Пример:

текст

</div>

ADDRESS

Текст оформляется как почтовый адрес.

Пример:

Мой адрес <br> дом улица и т.д.

</address>

BLOCKQUOTE

Оформляет находящийся между начальным и конечным тегами текст как цитату. Используется для длинных цитат (в отличие от элемента CITE). Цитируемый текст отображается отдельным абзацем с увеличенным отступом.

Пример:

цитата

</blockquote>

BR

Данный элемент осуществляет перевод строки, то есть практически аналогичен нажатию Enter в текстовом редакторе. После того, как в браузерах появилась возможность обтекания изображения текстом (cм. атрибут ALIGN элемента IMG), понадобился дополнительный атрибут CLEAR. Элемент не имеет конечного тега.

Атрибуты:

CLEAR – указывает на необходимость завершения обтекания изображения текстом. Может принимать следующие значения :

all – завершить обтекание изображения текстом.

left – завершить обтекание текстом изображения, выровненного по левому краю.

right – завершить обтекание текстом изображения, выровненного по правому краю.

Пример:

текст <br> текст

HR

Вставляет в текст горизонтальную разделительную линию.

Атрибуты:

WIDTH – определяет длину линии в пикселах или процентах от ширины окна браузера.

SIZE – определяет толщину линии в пикселах.

ALIGN – определяет выравнивание горизонтальной линии.

Атрибут может принимать следующие значения:

left – выравнивание по левому краю документа.

right – выравнивание по правому краю документа.

center – выравнивание по центру документа (используется по умолчанию).

NOSHADE – определяет способ закраски линии как сплошной. Атрибут является флагом и не требует указания значения. Без данного атрибута линия отображается объемной.

COLOR – определяет цвет линии. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

Пример:

PRE

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

Пример:

<pre>

Раз

Два

Три

</pre>

Форматирование текста

BASEFONT

Не имеет конечного тега. Определяет основной шрифт, которым должен отображаться текст документа. Впоследствии вы можете легко изменить шрифт в любой части документа, используя элемент FONT. Действие элемента BASEFONT не распространяется на текст, заключенный в ячейки таблиц.

Атрибуты:

SIZE – обязательный атрибут. Определяет базовый размер шрифта. Возможные значения : целые числа от 1 до 7 включительно.

FACE – определяет используемый шрифт (гарнитуру).

Пример:

<body>

... текст 3го размера ...

увеличили шрифт

</font>

... текст 3го размера...

</body>

FONT

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

Атрибуты:

SIZE – определяет размер шрифта. Возможные значения: – целое число от 1 до 7; – относительный размер с указанием знака, вычисляется путем сложения с базовым размером, определенным с помощью атрибута SIZE элемента BASEFONT.

COLOR – определяет цвет текста. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

FACE – определяет используемый шрифт.

Пример:

<font size="+2" color="#AA0000"> увеличены красный шрифт </font>

<font size="3" face="Courier New" color = "Magenta"> Моноширный фиолетовый текст 3 размера </font>

I

Текст будет выделен курсивом.

Пример:

<i> текст курсивом </i>

EM

Логическое ударение. Используется для смыслового выделения текста, стоящего между начальным и конечным тегами. Результат обычно отображается курсивом. То есть элемент EM по действию практически аналогичен элементу I.

Пример:

Порой в России встречаются <em> действительно талантливые </em> веб-мастера.

B

Текст, заключенный между начальным и конечным тегами, будет выделен жирным шрифтом.

Пример:

Текст с <b>выделенным</b> словом

STRONG

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

Пример:

Я <strong>сильный</strong> , но легкий.

U

Подчеркнутый текст.

Пример:

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

S, STRIKE

Перечеркнутый текст.

Пример:

<strike>Подчеркнутый текст</strike>

BIG

Текст, заключенный между начальным и конечным тегами, отображается увеличенным шрифтом (относительно текущего).

Пример:

Текст с <big>увеличенным </big> словом

SMALL

Текст, заключенный между начальным и конечным тегами, отображается уменьшенным шрифтом (относительно текущего).

Пример:

Небоскребы, небоскребы, а я <small> маленький </small> такой.

SUP

Отображает текст со сдвигом вверх (верхний индекс) и уменьшением размера текущего шрифта на единицу.

Пример:

Microsoft <sup>^TM </sup>

SUB

Отображает текст со сдвигом вниз.

Пример:

X<SUB>i</SUB> = B<SUB>i</SUB> + C<SUB>i</SUB>

X_i = B_i + C_i

CODE, SAMP

Данные элементы оформляют текст, как формулу или программный код. Текст при этом отображается моноширным шрифтом.

Пример:

Формула: <code> n=((x*15-z/1.25)/4)^5 </code>

n=((x*15-z/1.25)/4)^5

TT

Отображает текст моноширным шрифтом.

Пример:

<tt> текст моноширным шрифтом </tt>

KBD

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

Пример:

Для входа наберите <kbd> pass </kbd>

VAR

Для отображения в тексте переменных.

Пример:

Переменная <var> Z </var> равна 10

CITE

Для цитат.

<cite> цитата </cite>

СПИСКИ

UL

Создает неупорядоченный список.

Пример:

<ul>

<li> Первый пункт </li>

<li> Второй пункт </li>

<li> Третий пункт </li>

</ul>

OL

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

Атрибуты:

START – определяет первое число, с которого начинается нумерация пунктов. (только целые числа) TYPE – определяет стиль нумерации пунктов.

Может иметь значения:

"A" – заглавные буквы A, B, C ...

"a" – строчные буквы a, b, c ...

"I" – большие римские числа I, II, III ...

"i" – маленькие римские числа i, ii, iii ...

"1" – арабские числа 1, 2, 3 ...

Пример:

</ol>

LI

Создает пункт в списке. Располагается внутри элементов ol и ul.

Атрибуты:

value - изменяет порядок нумерации списка

Пример:

</ol>

DL

Открывает и закрывает список определений (терминов и их описаний).

Определения задаются с помощью элементов DT и DD

Атрибуты:

compact - включает режим компактного отображения списка

Пример:

<dt> клязьма<dd> крутая речка

<dt>суслик<dd> смешной зверь

</dl>

DT

Создает термин в списке определений внутри элемента dl

DD

Создает определение термина внутри элемента dl

Объекты

IMG

Используется для вставки изображений в HTML-документ. Элемент допускает вставку изображений в форматах JPEG (в том числе progressive jpeg) и Compuserve GIF (включая прозрачные и анимированные). Элемент IMG не имеет конечного тега.

Атрибуты:

SRC – обязательный атрибут. Указывает адрес (URL) файла с изображением.

HEIGHT и WIDTH – определяют ширину и высоту изображения соответственно. Если указанные значения не совпадают с реальным размером изображения, изображение масштабируется (порой с заметной потерей качества).

HSPACE и VSPACE – определяют отступ картинки (в пикселах) по горизонтали и вертикали от других объектов документа. Просто необходимо при обтекании изображения текстом.

ALIGN – обязательный атрибут. Указывает способ выравнивания изображения в документе. Может принимать следующие значения: left – выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа. right – выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева. top и texttop – выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки. middle – выравнивает базовую линию текущей текстовой строки с центром изображения. absmiddle – выравнивает центр текущей текстовой строки с центром изображения. bottom и baseline – выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки. absbottom – выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.

NAME – определяет имя изображения, уникальное для данного документа. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр. Имя необходимо, если вы планируете осуществлять доступ к изображению, например, из JavaScript-сценариев.

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

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

LOWSRC – указывает адрес (URL) файла с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в атрибуте SRC. Браузеры Netscape, поддерживающие данный атрибут, сначала загрузят картинку из LOWSRC, a затем заменят ее картинкой из SRC.

USEMAP – применяет к изображению навигационную карту (image map), заданную элементом MAP. В качестве значения задается имя карты с предшествующей ему решеткой. Например, если имя карты – "map1", то ссылка на нее будет выглядеть как "#map1" (см. Пример 4). Обратите внимание: прописные и строчные буквы в данном атрибуте трактуются браузером как разные.

ISMAP – определяет изображение как навигационную карту (image map), обрабатываемую сервером. Имеет смысл использовать только тогда, когда изображение является гиперссылкой. После клика мышкой на изображении серверу отправляются x,y-координаты нажатия. В зависимости от полученных координат, сервер (при наличии на нем соответствующего программного обеспечения) может показать вам тот или иной документ. Данный атрибут является флагом и не требует присвоения значения.

Пример 1:

<img src="/img/pic.jpg" width="45" height="53" alt="pic" hspace="10" align="left"> этот текст обтекает картинку справа и находится от нее на расстоянии 10 пикселов

Пример 2:

</a>

Жми кнопку.

Пример 3:

Пример 4:

EMBED

Используется для вставки в HTML различных объектов: не-html документов и media-файлов. Тип вставляемого объекта, будь то музыкальный wav/midi-файл или трехмерный мир VRML, должен быть зарегистрирован на машине пользователя как проигрываемый одним из имеющихся plug-in'ов или поддерживаемый каким-либо приложением. Если браузер поддерживает элемент EMBED, содержащиеся между начальным и конечным тегами текст и элементы будут игнорироваться.

Атрибуты:

Вставка объекта происходит так же, как и вставка изображения (см. элемент IMG) : под внедряемый объект необходимо сначала выделить место. Поэтому элемент EMBED имеет ряд одинаковых с элементом IMG атрибутов, а именно:

NAME, ALIGN, ALT, BORDER, WIDTH, HEIGHT, HSPACE и VSPACE.

Другие атрибуты:

SRC – обязательный атрибут. Определяет имя файла вставляемого объекта.

PLUGINSPACE – указывает на адрес (URL), по которому можно найти plug-in, необ-ходимый для просмотра типа файлов, аналогичных указанному в атрибуте SRC.

PALETTE – определяет тип цветовой палитры для просмотра объекта. Данный атрибут работает только на Windows-машинах с 256-цветной системной палитрой. Возможные значения: background – использовать background-палитру для отображения объекта (используется по умолчанию). foreground – использовать foreground-палитру для отображения объекта.

HIDDEN – определяет, отображать указанный объект или нет. Возможные значения: true – не отображать объект. false – отображать объект (используется по умолчанию).

TYPE – явно указывает браузеру к какому типу файлов относится загружаемый объект, помогая определить необходимое средство просмотра (plug-in). В качестве значения указывается зарегестрированный MIME-тип файла.

Пример 1:

<noembed> альтернативный текст </noembed>

</embed>

NOEMBED

Определяет блок, который будет отображен, если браузер по какой-либо причине не работает с embed.

APPLET

Имеет начальный и конечный теги. Используется для вставки в HTML-страницу Java-апплетов – программ на языке Java, исполняемых браузером на вашем компьютере. Java-апплет исполняется в специально отведенном для него месте, отображаясь в документе наподобие картинки. Поэтому многие атрибуты элемента APPLET сходны с атрибутами элемента IMG. Если ваш браузер не имеет встроенной виртуальной Java-машины (и, соответственно, не поддерживает элемента APPLET), то на месте окошка Java-апплета вы увидите текст, заключенный между начальным и конечным тегами.

Атрибуты:

CODE – обязательный атрибут. Определяет имя файла исполняемого Java-апплета.

CODEBASE – указывает базовый адрес (URL), по которому находится файл с кодом исполняемого Java-апплета. Если парамер CODEBASE опущен, используется URL текущего документа.

ALIGN – обязательный атрибут. Указывает способ выравнивания Java-апплета. Может принимать те же значения, что и аналогичный атрибут элемента IMG.

HEIGHT и WIDTH – обязательные атрибуты. Определяют ширину и высоту (в пикселах) окошка вывода программы.

HSPACE и VSPACE – определяют отступ (в пикселах) по горизонтали и вертикали от других объектов документа.

NAME – указывает имя Java-апплета, уникальное для данного документа. Позволяет Java-апплетам на данной странице находить себе подобных и взаимодействовать друг с другом.

ALT – определяет текст, отображаемый на месте апплета браузером, если браузер понимает элемент APPLET, но не может выполнять Java-апплеты.

SRC – указывает адрес (URL), ассоциированный с апплетом. Например, адрес сайта разработчика апплета.

Пример 1:

Если вы видите этот текст, ваш браузер не поддерживает Java.

</applet>

PARAM

Располагается в начале элемента applet, используется для передачи Java-программе параметров.

Пример 1:

Таблицы

TABLE

Элемент для создания таблицы. Обязательно должен иметь начальный и конечный теги. По умолчанию таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Ячейки внутри таблицы создаются с помощью элементов TR, TD, TH и CAPTION.

Атрибуты: ALIGN – определяет способ горизонтального выравнивания таблицы. Возможные значения: left, center, right. Значение по умолчанию – left.

VALIGN – должен определять способ вертикального выравнивания таблицы. Возможные значения: top, bottom, middle.

BORDER – определяет ширину внешней рамки таблицы (в пикселах). При BORDER="0" или при отсутствии этого атрибута рамка отображаться не будет.

CELLPADDING – определяет расстояние (в пикселах) между рамкой каждой ячейки таблицы и содержащимся в ней материалом.

CELLSPACING – определяет расстояние (в пикселах) между границами соседних ячеек.

WIDTH – определяет ширину таблицы. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала.

HEIGHT – определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала.

BGCOLOR – определяет цвет фона ячеек таблицы. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

BACKGROUND – позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.

CAPTION

Задает загаловок таблицы.

Атрибуты:

align - определяет способ вертикального выравнивания заголовка top или bottom

Пример:

<caption align="bottom"> заголовок таблицы </caption>

<tr>

<td> ячейка </td>

</tr>

</table>

TR

Создает новую строку ячеек таблицы.

Атрибут:

ALIGN – определяет способ горизонтального выравнивания содержимого всех ячеек данного ряда. Возможные значения: left, center, right.

VALIGN – определяет способ вертикального выравнивания содержимого всех ячеек данного ряда. Возможные значения: top, bottom, middle.

BGCOLOR – определяет цвет фона для всех ячеек данного ряда. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

TD и TH

Элемент TD создает ячейку с данными в текущей строке. Элемент TH также создает ячейку, но определяет ее как ячейку-заголовок. Такое разграничение позволяет браузерам оформлять содержимое ячейки-заголовка и ячеек с данными разными шрифтами. Кроме того, должна улучшиться работа браузеров, использующих речевой интерфейс. В качестве содержимого ячейки можно использовать другие таблицы.

Атрибуты:

ALIGN – определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: left, center, right. По умолчанию способ выравнивания определяется значением атрибута ALIGN элемента TR. Если же и он не задан, то для TD выполняется выравнивание по левому краю, а для TH – центрирование.

VALIGN – определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: top, bottom, middle. По умолчанию происходит выравнивание по центру (VALIGN="middle"), если значение этого атрибута не было задано ранее в элементе TR.

WIDTH – определяет ширину ячейки. Ширина задается в пикселах или в процентном отношении к ширине таблицы.

HEIGHT – определяет высоту ячейки. Высота задается в пикселах или в процентном отношении к высоте таблицы.

COLSPAN – определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1.

ROWSPAN – определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1.

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

BGCOLOR – определяет цвет фона ячейки. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

BACKGROUND – заполняет ячейку фоновым рисунком. Необходимо указать URL рисунка. Данный атрибут не работает в старых версиях браузера Netscape (до 3.X включительно).

Пример:

<tr>

<th colspan=2> video <>/th>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

Формы

FORM

Используется для создания заполяемой формы. Необходимо присутствие начального и конечного тегов. Внутри элемента FORM разрешается использовать большинство HTML-элементов.

Атрибуты:

NAME – определяет имя формы, уникальное для данного документа. Используется, если в документе присутствует несколько форм.

ACTION – обязательный атрибут. Определяет URL, по которому будет отправлено содержимое формы – путь к скрипту сервера, обслуживающему данную форму.

METHOD – определяет способ отправки содержимого формы. Возможные значения GET (по умолчанию) и POST.

ENCTYPE – определяет способ кодирования содержимого формы при отправке. По умолчанию используется "application/x-www-form-urlencoded".

TARGET – определяет имя окна, в которое возвращается результат обработки отправленной формы. Возможные значения : _self, _parent, _top, _blank или явно указанное имя окна. Подробное описание значений смотрите в атрибуте TARGET элемента A.

Пример:

фамилия:

</form>

TEXTAREA

Создает поле для ввода нескольких строк текста. Обычно содержит текст инициализации, который при загрузке документа изначально будет записываться в данное поле. Элемент TEXTAREA должен располагаться внутри элемента FORM.

Атрибуты:

NAME – обязательный атрибут. Определяет название, которое будет использоваться при идентификации заполненого поля сервером.

ROWS – определяет количество строк текста, видимых на экране.

COLS – определяет ширину текстового поля – в печатных символах.

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

Пример:

<textarea name="address" vrap="virtual" cols = "40" rows = "3"> Ваш адрес..</textarea><br>

</form>

SELECT

Элемент SELECT создает в заполняемой форме меню типа "Выбор одного пункта из многих" или "Выбор нескольких пунктов из многих". Должен располагаться внутри элемента FORM и иметь как начальный, так и конечный теги. Содержит несколько элементов OPTION, иначе не имеет смысла.

Атрибуты:

MULTIPLE – дает возможность выбора нескольких пунктов меню при удержании клавиши Ctrl. По умолчанию можно выбрать только один пункт меню.

NAME – определяет имя меню, уникальное для данной формы, которое будет использоватся при передаче данных на сервер. Каждый выбранный пункт меню при передаче на сервер будет иметь вид: name/value. Значение (value) формируется элементом OPTION.

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

Пример:

<option value="dos">ms-dos

<option value="WinXp"> MS Windows

</select>

</form>

OPTION

Используется только с элементом SELECT. Элемент OPTION описывает отдельные пункты меню. Не имеет конечного тега.

Атрибуты:

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

VALUE – Задает данному пункту значение, которое будет использовано наряду с другими сведениями о содержимом заполненной формы. При предоставлении информации на сервер это значение будет объединено со значением атрибута NAME в элементе SELECT.

Пример:

<option value="dos">ms-dos

<option value="WinXp"> MS Windows

</select>

</form>

INPUT

Элемент INPUT создает поле формы (кнопку, поле ввода, чекбокс и т.п.), содержание которого может быть изменено или активизировано пользователем. Элемент не имеет конечного тега. Элемент INPUT должен располагаться внутри элемента FORM.

Атрибуты:

NAME – определяет имя, используемое при передаче содержания данной формы на сервер. Этот атрибут необходим для большинства типов (атрибут TYPE – cм. ниже) элемента INPUT и обычно используется для идентификации поля или для группы полей, связанных логически.

TYPE – определяет тип поля для ввода данных. По умолчанию – это "text".

Возможные значения:

text – создает поле ввода под одну строку текста. Как правило используется совместно с атрибутами SIZE и MAXLENGTH.

textarea – создает поле ввода для текста в несколько строк. Но для этих целей лучше использовать элемент TEXTAREA

file – дает возможность пользователю приобщить файл к текущей форме. Возможно использование совместно с атрибутом ACCEPT.

password – создает поле ввода под одну строку, однако текст, вводимый пользователем, отображается в виде значков "*", скрывая тем самым его содержание от любопытных глаз.

checkbox – создает поле ввода для атрибутов типа Boolean ("да"/"нет") или для атрибутов, которые могут одновременно принимать несколько значений. Эти атрибуты представляют собой несколько полей checkbox, которые могут иметь одинаковые имена. Каждое выбранное поле chackbox создает отдельную пару name/value в информации, посылаемой на сервер, даже если результатом будут дублирующиеся имена. Поле этого типа обязательно должно иметь атрибуты NAME и VALUE, а также необязательный атрибут CHECKED, который указывает на то, что поле активизировано.

radio – создает поле ввода для атрибутов, которые принимают одно значение из нескольких возможных. Все кнопки (radio buttons) в группе должны иметь одинаковые имена, но только выбранная кнопка в группе создает пару name/value, которая будет послана на сервер. Как и для полей checkbox, атрибут CHECKED необязателен; он может быть использован для определения выделенной кнопки в группе кнопок (radio button).

submit – создает кнопку, при нажатии которой заполненная форма посылается на сервер. Атрибут VALUE в данном случае изменяет надпись на кнопке, содержание которой, заданное по умолчанию, зависит от браузера. Если атрибут NAME указан, то при нажатии данной кнопки к информации, посылаемой на сервер, добавляется пара name/value, указанная для для атрибута SUBMIT, в противном случае пара не добавляется.

image – создает графическую кнопку-картинку, инициализирующую передачу данных на сервер. Местонахождение графического изображения можно задать с помощью атрибута SRC. При передаче данных серверу сообщаются координаты x и y той точки на изображении, где был произведен щелчок клавишей мыши. Координаты измеряются из верхнего левого угла изображения. При этом информация о поле типа image записывается в виде двух пар значений name/value. Значение name получается посредством добавления к названию соответствующего поля суффиксов ".x" (абсциссы), и ".y" (ординаты).

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

hidden – поля этого типа не отображаются на экране монитора, что позволяет разместить "секретную" информацию в рамках формы. Содержание этого поля посылается на сервер в виде name/value вместе с остальной информацией формы. Этот тип полей удобно использовать для передачи данных от скрипта скрипту незаметно для пользователя.

button – позволяет создать пользовательскую кнопку в HTML документе, что, при умелом использовании JavaScript, добавляет форме функциональность. Атрибут NAME позволяет задать имя данной кнопке, которое может быть использовано для какой-либо функции в скрипте. Атрибут VALUE позволяет задать текст, который будет отображен на кнопке в документе.

VALUE – задает текстовый заголовок для полей любого типа, в том числе и кнопок. Для таких полей как checkbox или radio, будет возвращено значение, заданное в атрибуте VALUE.

CHECKED – указывает, что поля типов checkbox и/или radio (см. выше атрибут TYPE) активизированы.

SIZE – определяет размер поля в символах. Например, чтобы определить поле с видимой шириной в 24 символа, надо указать SIZE="24".

MAXLENGTH – определяет максимальное количество символов, которые можно ввести в текстовом поле. Оно может быть больше, чем количество символов, указанных в атрибуте SIZE. По умолчанию количество символов не ограничено. SRC – задает URL-адрес картинки, используемой при создании графической кнопки. Используется совместно с атрибутом TYPE="image".

ALIGN – определяет способ вертикального выравнивания для изображений. Используется совместно с атрибутом TYPE="image". Полностью аналогичен атрибуту ALIGN элемента IMG. По умолчанию имеет значение bottom.

ACCEPT – конкретизирует тип файла. Используется только совместно с параметром TYPE="file". Значение задается в виде MIME-типа.

Пример:

<option value="dos">ms-dos

<option value="WinXp"> MS Windows

</select>

</form>