Список элементов HTML (/Web-дизайн)

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

Разделы Статьи / Web-дизайн /

Список елементов 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>