Справочник по основным тэгам HTML

0
271
Название
Синтаксис
Описание
Базовые дескрипторы
Тип документа <HTML></HTML> начало и конец файла
Имя документа <TITLE></TITLE> должно быть в заголовке
Шапка локумента <HEAD> </HEAD> описание документа
Тело документа <BODY></BODY> содержимое страницы
 
Дескрипторы определения структуры документа
Заголовок <Hn></Hn> (n — значение от1 до 6)
Заголовок с выравнbванием <Hn align=LEFT | RIGHT | CENTER></Hn>  
Секция <DIV></DIV>  
Секция с выравниванием <DIV align=LEFT | RIGHT | CENTER></DIV>  
Цитата <BLOCKQUOTE></BLOCKQUOTE> обычно выделяется отсутпом
Выделение <EM></EM> обычно изображается курсивом
Дополнительное выделение <STRONG></STRONG> обычно изображается полужирным шрифтом
Отсылка, цитата <CIT></CIT> обычно курсив
Код <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=n> </PRE> n — цифровое значение
Центрированный <CENTER> </CENTER> как для текста, так и для графики
Размер шрифта <FONT SIZE=n> </FONT> n — значение от 1 до 7
Изменить размер шрифта <FONT SIZE=+ \ —n> </FONT> плюс (+) — увлеичить, минус (-) — уменьшить на значение n
Базовый размер шрифта <BASEFONT SIZE=n> от 1 до 7; по умолчанию 3
Цвет шрифта <FONT COLOR=»color«> </FONT> color — значение цвета
Выбор шрифта <FONT FASE=»font«> </FONT> font — имя шрифта
Многоколоночный текст <MULTICOL COLS=n> </MULTICOL> n — количество колонок
Пространство между колонками <MULTICOL GUTTER=n> </MULTICOL> по умолчанию n=10 точек
Ширина колонки <MULTICOL WIDTH=n> </MULTICOL>  
Пустой блок <SPACER>  
Тип пустого блока <SPACER TYPE=horizontal | vertical | block>  
Величина пустого блока <SPACER SIZE=n>  
Размеры пустого блока <SPACER WIDTH=n HEIGHT=n>  
Выравнивание пустого блока    
 
Дескрипторы описания ссылок и графики
Ссылка <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» CORDS=», , ,» HREF=»URL» | NOHREF>  
Размеры <IMG SRC=»URL» WIDTH=n HEIGHT=n> в точках
Окантовка <IMG SRC=»URL» BORFER=n> в точках
Отступ <IMG SRC=»URL» HSPACE=n VSPACE=n> в точказ
Заменитель в низком расширении <IMG SRC=»URL» LOWSRC=»URL»>  
Обновить <META HTTP-EQUIV=»Refresh» CONTENT=»n; URL=URL»>  
Включить объект <EMBED SRC=»URL»> вставить объект
Размер объекта <EMBED SRC=»URL» WIDTH=n HEIGHT=n>  
 
Дескрипторы вставки разделителей
Новый абзац <P></P> закрывать элемент не обязательно
Новый абзац с выравниванием <P ALIGN=LEFT | CENTER | RIGHT> </P>  
Новая строка <BR> одиночный перевод строки
Убрать выравнивание <BR CLEAR=LEFT | RIGHT | ALL»>  
Горизонтальный разделитель <HR>  
Горизонтальный разделитель с выравниванием <HR ALIGN= LEFT | RIGHT | ALL>  
Толщина <HR SIZE=n> в точках
Ширина <HR WIDTH=n> в точках или процентах
Сплошная линия <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> нужен перед каждым элементом
Компактный каталог <DR COMPACT> </DIR>  
 
Дескрипторы описания фона и цвета
Фоновая картинка <BODY BACKGROUND=»URL»>  
Цвет фона <BODY BGCOLOR=»color«> color — значение цвета
Цвет текста <BODY TEXT=»color«>  
Цвет ссылки <BODY LINK=»color«>  
Пройденная ссылка <BODY VLINK=»color«>  
Активная ссылка <BODY ALINK=»color«>  
 
Специальные символы (обязательно в нижнем регистре)
< &lt;  
> &gt;  
& &amp;  
Торговая марка (ТМ) &reg  
Copyright &copy;  
Неразрывный пробел &nbsp;  
 
Дескрипторы описания форм
Определить форму <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> для полей флажков и переключателей
Размер поля <INPUT SIZE=n> в символах
Максимальная длина значения <INPUT MAXLENGTH=n> в символах
Список вариантов <SELECT> </SELECT>  
Имя списка <SELECT NAME=»***»> </SELECT>  
Число вариантов <SELECT MULTIPLE> можно выбрать больше одного
Множественный выбор <SELECT SIZE=n> </SELECT> элемент, который должен быть выбран
Опция <OPTION>  
Опция по умолчанию <OPTION SELECTED>  
Текстовое поле указанного размера <TEXTAREA ROWS=n COLS=n> </TEXTAREA>  
Имя текстового поля <TEXTAREA NAME=»***»> </TEXTAREA>  
Разбивка на строки <TEXTAREA WRAP=OFF | VIRTUAL | PHYSICAL> </TEXTAREA>  
 
Дескрипторы описания таблиц
Определить таблицу <TABLE> </TABLE>  
Тип рамки таблицы <TABLE border=n> </TABLE>  
Расстояние между ячейками <TABLE CELLSPACING=n>  
Дополнение ячеек <TABLE CELLPADDING=n>  
Требуемая ширина таблицы <TABLE WIDTH=n> в точках
Требуемая ширина таблицы в процентах <TABLE WIDTH=»%»> в процентах от ширины страницы
Строка таблицы <TR> </TR>  
Строка таблицы с выравниванием <TR ALIGH=LEFT | RIGHT | CENTER | MIDDLE | BOTTOM>  
Ячейка таблицы <TD> </TD> должна быть внутри строки
Ячейка таблицы с выравниванием <TD ALIGH=LEFT | RIGHT | CENTER | MIDDLE | BOTTOM>  
Без перевода строки <TD NOWRAP>  
Растягивание ячейки по колонке <TD COLSPAN=n>  
Растягивание ячейки по строке <TD ROWSPAN=n>  
Желаемая ширина <TD WIDTH=n> в точках
Цвет ячейки <TD BGCOLOR=»color«> в процентах от ширины страницы
Заголовок столбца <TH> </TH>  
Заголовок столбца с выравниванием <TH ALIGH=LEFT | RIGHT | CENTER | MIDDLE | BOTTOM>  
Без перевода строки <TH NOWRAP>  
Растягивание по колонке <TH COLSPAN=n>  
Растягивание по строке <TH ROWSPAN=n>  
Требуемая ширина <TH WIDTH=n> в точках
Ширина в процентах <TH WIDTH=»%»>  
Цвет заголовка столбца <TH BGCOLOR=»color«>  
заголовок таблицы <CAPTION> </CAPTION>  
Заголовок таблицы с указанием размещения <CAPTION ALIGN=TOP | BOTTOM> сверху / снизу страницы
 
Дескрипторы описания фреймов
Документ с фреймами <FRAMESET> <FRAMESET> вместо <BODY>
Высота строк <FRAMESET ROWS=, , , > </FRAMESET>
<FRAMESET ROWS=*> </FRAMESET>
точки или %
* = относительный размер
Ширина колонок <FRAMESET COLS=, , ,></FRAMESET>
<FRAMESET COLS=*></FRAMESET>
точки или %
* = относительный размер
Ширина рамки <FRAMESET BORDER=n>  
Наличие рамки <FRAMESET FRAMEBORDER=»yes | NO»>  
Цвет рамки <FRAMESET BORDERCOLOR=»color»>  
Определить фрейм <FRAME> содержание отдельного фрейма
Документ <FRAME SRC=»URL»>  
Имя фрейма <FRAME NAME=»*** » |_blank |_self |_parent | _top>  
Ширина вертикальных полей <FRAME MARGINWIDTH=n> правая и левая границы
Высота горизонтальных полей <FRAME MARGINHEIGHT=n> верхняя и нижняя границы
Указание возможности прокрутки <FRAME SCROLLING=»YES | NO | AUTO»>  
Постоянный размер <FRAME NORESIZE>  
Наличие рамки <FRAME FRAMEBORDER=»yes | no»  
Цвет рамки <FRAME BORDERCOLOR=»color«>  
Содержание без фреймов <NOFRAMES> </NOFRAMES> для браузеров, не поддерживающих фреймы
 
Дескрипторы поддержки языка JAVA
Аплет <APPLET> </APPLET>  
Считать аплет из файла <APPLET CODE=»***»>  
Параметры <APPLET PARAM NAME=»***»>  
Считать аплет по адресу <APPLET CODEBASE=»url»>  
Указание имени аплета <APPLETNAME=»***»> для ссылок из других частей страницы
Альтернативный текст <APPLET ALT=»***»> для браузеров, не поддерживающих Java
Выравнивание аплета <APPLET ALIGN=»LEFT | RIGHT | CENTER»>  
Размеры области аплета <APPLET WIDTH=n HEIGHT=n> в точках
Отступ <APPLET HSPACE=n VSPACE=n> в точках
 
Прочие дескрипторы различного назначения
Комментарий <!— *** —> игнорируется браузером
Пролог HTML <!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> CSS — каскадные листы стилей
Сценарий <SCRIPT> </SCRIPT> в народе — скрипт