Name: Описание элементов | HTML
Item: Описание элементов | HTML
Author: 355357 google

Описание элементов | HTML

Список элементов HTML

Базисные элементы

Тип документа	`<HTML></HTML>`	(начало и конец файла)
Имя документа	`<TITLE></TITLE>`	(должно быть в заголовке)
Заголовок	`<HEAD></HEAD>`	(описание документа)
Тело	`<BODY></BODY>`	(содержимое страницы)

Определение структуры

Заглавие	`<H?></H?>`	(стандарт определяет 6 уровней)
с выравниванием	`<H? ALIGN=LEFT\|CENTER\|RIGHT> </H?>`
Секция	`<DIV></DIV>`
с выравниванием	`<DIV ALIGN=LEFT\|RIGHT\|CENTER> </DIV>`
Цитата	`<BLOCKQUOTE></BLOCKQUOTE>`	(обычно выделяется отступом)
Выделение	`<EM></EM>`	(обычно изображается курсивом)
Дополнительное выделение	`<STRONG></STRONG>`	(обычно изображается жирным шрифтом)
Отсылка, цитата	`<CITE></CITE>`	(обычно курсив)
Код	`<CODE></CODE>`	(для листингов кода)
Пример вывода	`<SAMP></SAMP>`
Ввод с клавиатуры	`<KBD></KBD>`
Переменная	`<VAR></VAR>`
Определение	`<DFN></DFN>`	(часто не поддерживается)
Адрес автора	`<ADDRESS></ADDRESS>`
Большой шрифт	`<BIG></BIG>`
Маленький шрифт	`<SMALL></SMALL>`

Внешний вид

Жирный	`<B></B>`
Курсив	`<I></I>`
Подчеркнутый	`<U></U>`	(часто не поддерживается)
Перечеркнутый	`<STRIKE></STRIKE>`	(часто не поддерживается)
Перечеркнутый	`<S></S>`	(часто не поддерживается)
Верхний индекс	`<SUP></SUP>`
Нижний индекс	`<SUB></SUB>`
Печатная машинка	`<TT></TT>`	(изображается как шрифт фиксированой ширины)
Форматированый	`<PRE></PRE>`	(сохранить формат текста как есть)
Ширина	`<PRE WIDTH=?></PRE>`	(в символах)
Центрировать	`<CENTER></CENTER>`	(как текст, так и графика)
Мигающий	`<BLINK></BLINK>`	(наиболее осмеянный элемент)
Размер шрифта	`<FONT SIZE=?></FONT>`	(от 1 до 7)
Изменить размер шрифта	`<FONT SIZE="+\|-?"></FONT>`
Базовый размер шрифта	`<BASEFONT SIZE=?>`	(от 1 до 7; по умолчанию 3)
Цвет шрифта	`<FONT COLOR="#$$$$$$"></FONT>`
Выбор шрифта	`<FONT FACE="***"></FONT>`
Многоколоночный текст	`<MULTICOL COLS=?></MULTICOL>`
Пробел между колонками	`<MULTICOL GUTTER=?></MULTICOL>`	(по умолчанию 10 точек)
Ширина колонки	`<MULTICOL WIDTH=?></MULTICOL>`
Пустой блок	`<SPACER>`
Тип пустого блока	`<SPACER TYPE=horizontal\|vertical\| block>`
Величина пустого блока	`<SPACER SIZE=?>`
Размеры пустого блока	`<SPACER WIDTH=? HEIGHT=?>`
Выравнивание	`<SPACER ALIGN=left\|right\|center>`

Ссылки и графика

Ссылка	`<A HREF="URL"></A>`
Ссылка на закладку	`<A HREF="URL#***"></A>`	(в другом документе)
Ссылка на закладку	`<A HREF="#***"></A>`	(в том же документе)
На другое окно	`<A HREF="URL" TARGET="***\| \|_blank\|_self\|_parent\|_top"> </A>`
Определить закладку	`<A NAME="***"></A>`
Отношение	`<A REL="***"></A>`	(часто не поддерживается)
Обратное отношение	`<A REV="***"></A>`	(часто не поддерживается)
Графика	`<IMG SRC="URL">`
Выравнивание	`<IMG SRC="URL" ALIGN=TOP\|BOTTOM\|MIDDLE\|LEFT\| RIGHT>`
Выравнивание	`<IMG SRC="URL" ALIGN=TEXTTOP\|ABSMIDDLE\| BASELINE\|ABSBOTTOM>`
Альтернатива	`<IMG SRC="URL" ALT="***">`	(выводится если картинка не изображается)
Карта	`<IMG SRC="URL" ISMAP>`	(нужна также программа)
Локальная карта	`<IMG SRC="URL" USEMAP="URL">`
Определение карты	`<MAP NAME="***"></MAP>`
Области карты	`<AREA SHAPE="RECT" COORDS=",,," HREF="URL"\|NOHREF>`
Размеры	`<IMG SRC="URL" WIDTH=? HEIGHT=?>`	(в точках)
Окантовка	`<IMG SRC="URL" BORDER=?>`	(в точках)
Отступ	`<IMG SRC="URL" HSPACE=? VSPACE=?>`	(в точках)
Заменитель в низком разрешении	`<IMG SRC="URL" LOWSRC="URL">`
Обновить	`<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">`
Включить об'ект	`<EMBED SRC="URL">`	(вставить об'ект в страницу)
Размер об'екта	`<EMBED SRC="URL" WIDTH=? HEIGHT=?>`

Разделители

Параграф	`<P></P>`	(закрывать элемент часто не обязательно)
Выравнивание	`<P ALIGN=LEFT\|CENTER\|RIGHT> </P>`
Новая строка	`<BR>`	(одиночный перевод строки)
Убрать выравнивание	`<BR CLEAR=LEFT\|RIGHT\|ALL>`
Горизонтальный разделитель	`<HR>`
Выравнивание	`<HR ALIGN=LEFT\|RIGHT\|CENTER>`
Толщина	`<HR SIZE=?>`	(в точках)
Ширина	`<HR WIDTH=?>`	(в точках)
Ширина в процен- тах	`<HR WIDTH="%">`	(в процентах)
Сплошная линия	`<HR NOSHADE>`	(без трехмерных эффектов)
Нет разбивки	`<NOBR></NOBR>`	(запрещает перевод строки)
Перенос	`<WBR>`	(разбить строку)

Списки

Неупорядоченный	`<UL><LI></UL>`	(`<LI>` перед каждым элементом)
Компактный	`<UL COMPACT></UL>`
Тип метки	`<UL TYPE=DISC\|CIRCLE\|SQUARE>`	(для всего списка)
Тип метки	`<LI TYPE=DISC\|CIRCLE\|SQUARE>`	(этот и последующие)
Нумерованый	`<OL><LI></OL>`	(`<LI>` перед каждым элементом)
Компактный	`<OL COMPACT></OL>`
Тип нумерации	`<OL TYPE=A\|a\|I\|i\|1>`	(для всего списка)
Тип нумерации	`<LI TYPE=A\|a\|I\|i\|1>`	(этот и следующие)
Первый номер	`<OL START=?>`	(для всего списка)
Первый номер	`<LI VALUE=?>`	(этот и следующие)
Список определений	`<DL><DT><DD></DL>`	(`<DT>=термин, <DD>`= определение)
Компактный	`<DL COMPACT></DL>`
Меню	`<MENU><LI></MENU>`	(`<LI>` перед каждым элементом)
Компактное	`<MENU COMPACT></MENU>`
Каталог	`<DIR><LI></DIR>`	(`<LI>` перед каждым элементом)
Компактный	`<DIR COMPACT></DIR>`

Фон и цвета

Фоновая картинка	`<BODY BACKGROUND="URL">`
Цвет фона	`<BODY BGCOLOR="#$$$$$$">`	(порядок: красный/ зеленый/ синий)
Цвет текста	`<BODY TEXT="#$$$$$$">`
Цвет ссылки	`<BODY LINK="#$$$$$$">`
Пройденная ссылка	`<BODY VLINK="#$$$$$$">`
Активная ссылка	`<BODY ALINK="#$$$$$$">`

Специальные символы. (обязаны быть в нижнем регистре)

Специальный символ	&#?;	(это код ISO 8859-1)
<	`<`
>	`>`
&	`&`
"	`"`
Торговая марка ТМ	`®`
Copyright	`©`
Неразделяющий пробел	` `

Формы

Определить форму	`<FORM ACTION="URL" METHOD=GET\|POST></FORM>`
Посылка файла	`<FORM ENCTYPE="multipart/form-data"></FORM>`
Поле ввода	`<INPUT TYPE="TEXT\|PASSWORD\|CHECKBOX\| RADIO\|IMAGE\|HIDDEN\|SUBMIT\| RESET">`
Имя поля	`<INPUT NAME="***">`
Значение поля	`<INPUT VALUE="***">`
Отмечен	`<INPUT CHECKED>`	(checkboxes и radio boxes)
Размер поля	`<INPUT SIZE=?>`	(в символах)
Максимальная длина	`<INPUT MAXLENGTH=?>`	(в символах)
Список вариантов	`<SELECT></SELECT>`
Имя списка	`<SELECT NAME="***"></SELECT>`
Число вариантов	`<SELECT SIZE=?></SELECT>`
Множественний выбор	`<SELECT MULTIPLE>`	(можно выбрать больше одного)
Опция	`<OPTION>`	(элемент который может быть выбран)
Опция по умолчанию	`<OPTION SELECTED>`
Ввод текста, размер	`<TEXTAREA ROWS=? COLS=?> </TEXTAREA>`
Имя текста	`<TEXTAREA NAME="***"></TEXTAREA>`
Разбивка на строки	`<TEXTAREA WRAP=OFF\|VIRTUAL\|PHYSICAL> </TEXTAREA>`

Таблицы

Определить таблицу	`<TABLE></TABLE>`
Окантовка таблицы	`<table border=?></TABLE>`
Расстояние между ячейками	`<TABLE CELLSPACING=?>`
Дополнение ячеек	`<TABLE CELLPADDING=?>`
Желаемая ширина	`<TABLE WIDTH=?>`	(в точках)
Ширина в процентах	`<TABLE WIDTH="%">`	(проценты от ширины страницы)
Строка таблицы	`<TR></TR>`
Выравнивание	`<TR ALIGN=LEFT\|RIGHT\| CENTER\| MIDDLE\|BOTTOM>`
Ячейка таблицы	`<TD></TD>`	(должна быть внутри строки)
Выравнивание	`<TD ALIGN=LEFT\|RIGHT\|CENTER\| MIDDLE\|BOTTOM>`
Без перевода строки	`<TD NOWRAP>`
Растягивание по колонке	`<TD COLSPAN=?>`
Растягивание по строке	`<TD ROWSPAN=?>`
Желаемая ширина	`<TD WIDTH=?>`	(в точках)
Ширина в процентах	`<TD WIDTH="%">`	(проценты от ширины страницы)
Цвет ячейки	`<TD BGCOLOR="#$$$$$$">`
Заголовок таблицы	`<TH></TH>`	(как данные, но жирный шрифт и центровка)
Выравнивание	`<TH ALIGN=LEFT\|RIGHT\|CENTER\| MIDDLE\|BOTTOM>`
Без перевода строки	`<TH NOWRAP>`
Растягивание по колонке	`<TH COLSPAN=?>`
Растягивание по строке	`<TH ROWSPAN=?>`
Желаемая ширина	`<TH WIDTH=?>`	(в точках)
Ширина в процентах	`<TH WIDTH="%">`	(проценты ширины таблицы)
Цвет ячейки	`<TH BGCOLOR="#$$$$$$">`
Заглавие таблицы	`<CAPTION></CAPTION>`
Выравнивание	`<CAPTION ALIGN=TOP\|BOTTOM>`	(сверху/снизу таблицы)

Фреймы

Документ с фреймами	`<FRAMESET></FRAMESET>`	(вместо `<BODY>`)
Высота строк	`<FRAMESET ROWS=,,,></FRAMESET>`	(точки или %)
Высота строк	`<FRAMESET ROWS=*></FRAMESET>`	(* = относительный размер)
Ширина колонок	`<FRAMESET COLS=,,,></FRAMESET>`	(точки или %)
Ширина колонок	`<FRAMESET COLS=*></FRAMESET>`	(* = относительный размер)
Ширина окантовки	`<FRAMESET BORDER=?>`
Окантовка	`<FRAMESET FRAMEBORDER="yes\|no">`
Цвет окантовки	`<FRAMESET BORDERCOLOR="#$$$$$$">`
Определить фрейм	`<FRAME>`	(содержание отдельного фрейма)
Документ	`<FRAME SRC="URL">`
Имя фрейма	`<FRAME NAME="***"\|_blank\|_self\| _parent\|_top>`
Ширина границы	`<FRAME MARGINWIDTH=?>`	(правая и левая границы)
Высота границы	`<FRAME MARGINHEIGHT=?>`	(верхняя и нижняя границы)
Скроллинг?	`<FRAME SCROLLING="YES\|NO\|AUTO">`
Постоянный размер	`<FRAME NORESIZE>`
Окантовка	`<FRAME FRAMEBORDER="yes\|no">`
Цвет окантовки	`<FRAME BORDERCOLOR="#$$$$$$">`
Содержание без фреймов	`<NOFRAMES></NOFRAMES>`	(для просмотрщиков не поддерживающих фреймы)

Язык JAVA

Applet	`<APPLET></APPLET>`
Applet - имя файла	`<APPLET CODE="***">`
Параметры	`<APPLET PARAM NAME="***">`
Applet - адрес	`<APPLET CODEBASE="URL">`
Applet - имя	`<APPLET NAME="***">`	(для ссылок из других частей страницы)
Альтернативный текст	`<APPLET ALT="***">`	(для программ не поддерживающих Java)
Выравнивание	`<APPLET ALIGN="LEFT\|RIGHT\|CENTER">`
Размеры	`<APPLET WIDTH=? HEIGHT=?>`	(в точках)
Отступ	`<APPLET HSPACE=? VSPACE=?>`	(в точках)

Разное

Комментарий	`<!-- *** -->`	(игнорируется просмотрщиком)
Пролог HTML 3.2	`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">`
Поиск	`<ISINDEX>`	(означает начальную точку поиска)
Приглашение	`<ISINDEX PROMPT="***">`	(текст приглашения для поля ввода)
Запустить поиск	`<A HREF="URL?***"></a>`	(используйте действительно знак вопроса)
URL этого файла	`<BASE HREF="URL">`	(должно быть в заголовке)
Имя базового окна	`<BASE TARGET="***">`	(должно быть в заголовке)
Отношение	`<LINK REV="*" REL="*" HREF="URL">`	(должно быть в заголовке)
Метаинформация	`<META>`	(должно быть в заголовке)
Стили	`<STYLE></STYLE>`
Программа	`<SCRIPT></SCRIPT>`

Категория: Разные | Добавил: Hayko (15.07.2012)

Просмотров: 431 | Комментарии: 3 | Рейтинг: 0.0/0

Всего комментариев: 3

Порядок вывода комментариев:

3 355357 google (17.12.2013 21:42)

http://www.google.com/

2 041566 google (15.12.2013 17:24)

http://www.google.com/

1 572192 google (14.12.2013 15:37)

http://www.google.com/

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]