главная   ссылки   связь   о проекте
Trainer CODE: пособие Web-разработчику

справочная информация->тэги

технологии
 из чего состоит сеть
 способы разработки
 инструменты

разработка сайта
 дизайн
 контент
 структура
 размещение в сети
 раскрутка и оптимизация

справочная информация
 теги
 словарь
 курсоры
 таблица цветов
 полезные советы
 специальные символы

Тэги

Тег – это команда (директива, инструкция) языка HTML. Существует огромное количество этих самых тегов, но при работе можно использовать не все из них, потому что разные браузеры поддерживают различные теги и может возникнуть ситуация, когда браузеру попадется незнакомый тег или его параметр, и Ваша страница будет отображаться некорректно. Но есть определенные базовые теги,которые поддерживаются всеми обозревателями и их можно использовать, не опасаясь того, что какой-то браузер неправильно поймет этот тег. О них и пойдет речь в этом разделе.

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

A - ссылка.
href="имя документа" - путь к документу.
target="значение" - определяет где откроется документ фрейма.

_blank - в новом окне.
_parent - откроется в родительском фрейме (FRAMESET).
_top - откроется в родительском окне.
_self - документ параметра HREF откроется в текущем фпейме.

name="имя закладки" - имя закладки.
title="ваша подсказка" - подсказка к ссылке (текстовой).

AREA - определяет геометрические области внутри карты и ссылки для них.
shape="значение" - тип области.

circle - окружность.
rect - прямоугольник.
poly - многоугольник.

coords="x1,y1,..." - координаты области.
alt="описание" - описание, подсказка.
href="документ" - ссылка.

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

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

top - вверху.
middle - по середине.
bottom - снизу.
left - слева.
right - справа.
absbottom - с текстовой строкой.
absmiddle - с центром изображения.
baseline - с базовой линией текстовой строки.
texttop - с верхом текстовой строки.

height и width - обязательные параметры. Определяют ширину и высоту (в пикселах) окошка вывода программы.
hspace и vspace - определяют отступ (в пикселах) по горизонтали и вертикали от других объектов документа.
name - указывает имя Java-апплета, уникальное для данного документа. Позволяет Java-апплетам на данной странице находить себе подобных и взаимодействовать друг с другом.
alt - определяет текст, отображаемый на месте апплета браузером, если браузер понимает элемент APPLET, но не может выполнять Java-апплеты.
src - указывает адрес (URL), ассоциированный с апплетом. Например, адрес сайта разработчика апплета.

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

BASE - определяет базовый адрес текущего документа (URL). Требует присутствие хотя бы одного из параметров.
href - определяет базовый адрес (URL) текущего документа.
target - определяет имя фрейма, которое будет использоваться в гиперссылках по умолчанию.

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

BIG - выделение текста более крупным шрифтом, чем основной.

BODY - тело документа, обязательный тэг.
text="код или название" - задает цвет текста всего документа.
bgcolor="код или название" - задает цвет фона документа.
background="имя картинки" - задает фоновую картинку.
link="код или название" - задает цвет ссылки.
alink="код или название" - задает цвет активной (нажатой) ссылки.
vlink="код или название" - задает цвет посещенной ссылки.
topmargin="число" - ширина верхнего и нижнего полей документа для IE.
leftmargin="число" - ширина левого и правого полей документа для IE.
marginheight="число" - ширина верхнего и нижнего полей документа для NN.
marginwidth="число" - ширина левого и правого полей документа для NN.

BR - принудительный перенос текста на другую строку.
clear="значение" - завершение обтекания текстом объекта.

left - слева.
right - справа.
all - со всех сторон.

BLOCKQUOTE - определяет текст, как цитату.

CAPTION - определяет заголовок страницы.
align - определяет будет ли находится заголовок над таблицей или под ней.

top - помещает заголовок над таблицей (значение по умолчанию).
bottom - помещает заголовок под таблицей.

CENTER - центрирование текста и объектов.

CODE - используется для оформления формул.

CITE - используется для коротких цитат, текст отображается курсивом.

DIV - выравнивание текста и объектов.
align="значение" - тип выравнивания.

left - слева.
center - по центру.
right - справа.
justify - по ширине.

DIR - управление шрифтами.
color="код или название" - задает цвет для блока текста.
size="значение" - задает размер шрифта текста.
face="значение" - задает определенный тип шрифта.

DL - открывает и закрывает список определений.
compact - включает режим "компактного" отображения списка.

DT - создает термин в списке определений внутри элемента.

DD - создает определение термина внутри элемента.

EM - текст отображается курсивом.

FONT - позволяет изменять параметры текста.
size="код или название" - определяет размер шрифта.
color="значение" - определяет цвет текста.
fase="значение" - определяет используемый шрифт.

FORM - используется для создания заполняемой формы. Необходимо присутствие начального и конечного тэгов. Внутри элемента FORM разрешается использовать большинство HTML-элементов.
name - определяет имя формы, уникальное для данного документа. Используется, если в документе присутствует несколько форм.
action - обязательный параметр. Определяет URL, по которому будет отправлено содержимое формы. Это может быть либо адрес электронной почты, либо путь к скрипту сервера, обслуживающему данную форму.
method="значение" - определяет способ отправки содержимого формы.

get - простая.
post - скрытая.

entype - определяет способ кодирования содержимого формы при отправке. По умолчанию используется "application/x-www-form-urlencoded".
target - определяет имя окна, в которое возвращается результат обработки отправленной формы. Возможные значения : _self, _parent, _top, _blank или явно указанное имя окна. Подробное описание значений смотрите в параметре TARGET элемента A.

FRAME - определяет содержимое и вид одного фрейма.
marginheight="значение" - ширина верхнего и нижнего полей фрейма.
marginwidth="значение" - ширину левого и правого полей фрейма.
scrolling="значение" - линейка прокрутки.

yes - есть.
no - нет.
auto - определяется автоматический.

name="значение" - имя фрейма.
noresize - запретить посетителю менять размеры фреймов.

FRAMESET - определяет макет основного окна в виде прямоугольных пространств. rows="значения"(через запятую) - определяет расположение горизонтальных фреймов. cols="значения"(через запятую) - определяет расположение вертикальных фреймов. border - определяет ширину рамок фреймов в пикселях.

Hx(x - значение от 1 до 6) - заголовки.

HEAD - голова документа, обязательный тэг.

HR - линия.
align="значение" - выравнивание.

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

width="значение" - ширина линии.
size="значение" - толщина линии.
NoShade - отменяет объемность.

HTML - указывает на тип документа, обязательный тэг.

I - выделение текста курсивом.

IMG- изображение.
border="значение" - рамка.
width="значение" - ширина.
height="значение" - высота.
align="значение" - расположение текста по отношению к картинке.

так же как и у тега APPLET

vspace="значение" - расстояние от картинки до текста по вертикали.
hspace="значение" - расстояние от картинки до текста по горизонтали.
alt="описание" - описание картинки.
usemap="значение" - ссылка на карту.

INPUT - элемент INPUT создает поле формы (кнопку, поле ввода, чекбокс и т.п.), содержание которого может быть изменено или активизировано пользователем. Элемент не имеет конечного тэга. Элемент INPUT должен располагаться внутри элемента FORM.
name - определяет имя, используемое при передаче содержания данной формы на сервер. Этот параметр необходим для большинства типов (параметр TYPE - cм. ниже) элемента INPUT и обычно используется для идентификации поля или для группы полей, связанных логически.
type - определяет тип поля для ввода данных. По умолчанию - это "text".

text - создает поле ввода текста.
textarea - создает поле ввода для текста в несколько строк.
file - дает возможность пользователю приобщить файл к текущей форме.
password - создает поле вводапароля.
checkbox - создает логический элемент, который может принимать значения boolean.
radio - создает переключатель.
submit - создает кнопку, при нажатии которой заполненная форма посылается на сервер.
image - создает графический образ для кнопки.
reset - создает кнопку, перезагружающую поля формы к их первоначальным значениям.
hidden - создает скрытое поле.
button - позволяет создать кнопку в HTML документе, для использования скриптов.

accept - конкретизирует тип файла. Используется только совместно с пара-метром TYPE="file". Значение задается в виде MIME.
value - задает текстовый заголовок для полей любого типа, в том числе и кнопок. Для типов, имеющих значение вида Boolean (отмеченный или неотмеченный), таких как checkbox или radio, будет возвращено значение, заданное в параметре VALUE.
checked - указывает, что поля типов checkbox и/или radio (см. выше параметр TYPE) активизированы.
size - определяет размер поля в символах. Например, чтобы определить поле с видимой шириной в 24 символа, надо указать SIZE="24".
maxlength - определяет максимальное количество символов, которые можно ввести в текстовом поле. Оно может быть больше, чем количество символов, указанных в параметре SIZE, в этом случае поле будет прокручиваться (scroll). По умолчанию количество символов не ограничено.
src - задает URL-адрес картинки, используемой при создании графической кнопки, инициирующей передачу данных. Используется совместно с параметром TYPE="image".
align - определяет способ вертикального выравнивания для изображений. Используется совместно с параметром TYPE="image".

так же как и у тега APPLET

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

LI - определяет элемент списка.

MAP - определяет навигационную карту. name="значение" - имя карты.

META - элемент МЕТА используется для техописания документа, которое представляет собой метаданные в виде пары "имя-значение". С помощью этого элемента в заголовок документа внедряется дополнительная полезная информация, невидимая для пользователя, но порой просто незаменимая для правильной индексации вашей страницы роботами поисковых серверов. Элемент не имеет конечного тэга.
name - определяет имя мета-записи. Существует множество предопределенных имен, некоторые из которых вы можете увидеть в указанном ниже примере.
http-equiv - определяет имя мета-записи. Практически аналогичен параметру NAME, но используется лишь в случае необходимости передачи дополнительной информации в HTTP-заголовке.
content - присваивает значение мета-записи, определенной в параметре NAME (или HTTP-EQUIV).

MENU - данные тэги предназначены для создания неупорядоченных списков, подобных UL. Эти элементы не вошли в спецификацию HTML 4.0, однако браузеры могут распознавать их в целях обратной совместимости. Авторам же рекомендуется использовать вместо MENU и DIR элемент UL.

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

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

OL - упорядоченные списки.
type="значение" - стиль элемента списка.

1,2,3... - арабские цифры.
A,B,C... - латинские буквы(верхний регистр).
a,b,c... - латинские буквы(нижний регистр).
I,II,III... - латинские цифры.

OPTION - используется только с элементом SELECT. Элемент OPTION описывает отдельные пункты меню. Не имеет конечного тэга.
selected - определяет пункт меню, который будет выбран изначально при загрузке документа. Если меню имеет тип "один из многих", то флагом SELECTED может быть помечен лишь один пунктов меню.
value - задает данному пункту значение, которое будет использовано наряду с другими сведениями о содержимом заполненной формы. При предоставлении информации на сервер это значение будет объединено со значением параметра NAME в элементе SELECT.

P - параграф, выравнивание текста и объектов.
align="значение" - выравнивание.

так же как и у тега DIV

PARAM - располагается в начале элемента APPLET. Используется для передачи Java-программе каких-либо параметров. Элемент задает пару "имя - значение" переменной, которая будет передана Java-программе.

PRE - форматированный текст.

S - перечеркнутый текст.

SAMP - данные элементы оформляют текст, находящийся между начальным и конечным тэгами, как формулу или программный код. Текст при этом как правило отображается моноширинным шрифтом.

SCRIPT - определяет скрипт в теле документа. Сам текст скрипта либо располагается между начальным и конечным тэгами, либо определяется как URL скрипт-файла в параметре SRC.
language - определяет язык, на котором написан скрипт, например, "JavaScript".
src - определяет URL скрипта.

SELECT - элемент SELECT создает в заполняемой форме меню типа "Выбор одного пункта из многих" или "Выбор нескольких пунктов из многих". Должен располагаться внутри элемента FORM и иметь как начальный, так и конечный тэги. Содержит несколько элементов OPTION.
multiple - дает возможность выбора нескольких пунктов меню. По умолчанию можно выбрать только один пункт меню.
name - определяет имя меню, уникальное для данной формы, которое будет использоваться при передаче данных на сервер. Каждый выбранный пункт меню при передаче на сервер будет иметь вид: name/value. Значение (value) формируется элементом OPTION.
size - определяет количество видимых пунктов в меню. Если значение этого параметра больше единицы, то результатом будет список пунктов.

SMALL - выделение текста более мелким шрифтом, чем основной.

STRIKE - перечеркнутый текст.

STYLE - используется для вставки в документ таблицы стилей.
type - обязательный параметр. Определяет MIME-тип вставляемого блока стилей.

text/css - вставка CSS.
text/javascript - вставка JavaScript.

title - определяет имя создаваемой таблицы стилей. Может пригодиться, если вы собираетесь использовать несколько элементов STYLE в одном документе. В этом случае браузер должен спросить пользователя, какой из предложенных стилей будет применен к документу.

SUB - нижний индекс.

SUP - верхний индекс.

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

TABLE - таблица.
bgcolor="код или название" - цвет фона таблицы.
background="значение" - задает фоновый рисунок.
width="значение" - ширина таблицы.
height="значение" - высота таблицы.
cellspacing="значение" - расстояние между ячейками.
cellpadding="значение" - расстояние внутри ячеек.
border="значение" - задает толщину рамки таблицы.
bordercolor="код или название" - задает цвет рамки таблицы.

TD - ячейка данных таблицы.
bgcolor="код или название" - цвет фона.
background="значение" - задает фоновый рисунок.
width="значение" - ширина.
height="значение" - высота.
align="значение" (right, left) - горизонтальное выравнивание содержимого.

left - слева.
center - по центру.
right - справа.
justify - по ширине.

valign="значение" (top, bottom) - вертикальное выравнивание содержимого.

top - сверху.
middle - по середине.
bottom - снизу.
baseline - по базовой линии.

colspan="значение" - растянуть ячейку на несколько стобцов.
rowspan="значение" - растянуть ячейку на несколько рядов.
cellspacing="значение" - расстояние между ячейками.

TITLE - заголовок документа.

TR -строка таблицы.
bgcolor="код или название" - цвет фона.
background="значение" - задает фоновый рисунок.
width="значение" - ширина.
height="значение" - высота.

TT - шрифт пишущей машинки (моноширинный).

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

U - подчеркнутый текст.

UL - неупорядоченные списки.
type="значение" (disk,circle, square) - стиль элемента списка.

disc - маркер в виде точки.
square - маркер в виде квадрата.
circle - маркер в виде круга.

VAR - элемент VAR предназначен для обозначения в тексте переменных. Как правило, отображается курсивом.

 главная   ссылки   связь   о проекте
 назад   вверх   вперед 
Copyright © 2008 WWF Project.
Использование материалов данного пособия в коммерческих целях запрещено!
Частичное или полное использование материалов пособия допускается только с разрешения автора.
Hosted by uCoz