Справочник вебмастера

Элементы языка HTML - основные тэги и дескрипторы


Дескрипторы языка HTML, ХТМЛ элементы и основные тэги HTML

Название
Синтаксис
Описание
Базовые дескрипторы
Тип документа <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> разбить строку
 
Дескрипторы создания списков
Маркированный списoк <UL> <LI> </UL> <LI> нужен перед каждым элементом списка
Компактный маркированный списoк <UL COMPACT> </UL>  
Указания типа маркера <UL TYPE=DISC | CIRCLE | SQUARE>
<LI TYPE=DISC | CIRCLE | SQUARE>
для всего списка
этот и последующие
Нумерованный списoк <OL> <LI> </OL> <LI> нужен перед каждым элементом списка
Компактный нумерованный списoк <OL COMPACT> </OL>  
Тип нумерации <OL TYPE=A | a | I | i | 1>
<LI TYPE=A | a | I | i | 1>
для всего списка
этот и последующие
Начать с номера <OL START=?>
<LI VALUE=?>
для всего списка
этот и последующие
списoк определений <DL> <DT> <DD> </DL> <DT> - термин, <DD> - определение
Компактный списoк определений <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> в символах
списoк вариантов <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> используется именно знак вoпpoса
URL этого файла <BASE HREF="URL"> базовый адрес
Имя базового окна <BASE TARGET="***"> должно быть в шапке
Отношение <LINK REV="***" REL="***" HREF="URL"> должно быть в шапке
Метаинформация <META> должно быть в шапке
Стили <STYLE> </STYLE> CSS - каскадные листы стилей
Сценарий <SCRIPT> </SCRIPT> в народе - скрипт
 
 

Перепечатка статей с сайта разрешается только с указанием прямой (открытой для индексирования) ссылки на источник https://ahead.org.ua
Copyright © 2003-2024