HTML теги полное описание
Ниже перечислена подробная
описание html скриптов, изучив все эти скрипты вы
освоите самое основное в языке html, как мы уже знаем
html широко используется во многих сферах. На
сегодняшний день
HTML является популярным языком программированием.
Удачного изучение!
Начало документа Шаг 1
|
Тип документа/font> |
<HTML></HTML> |
(начало и конец файла) |
|
Имя документа |
<TITLE></TITLE> |
(должно быть в заголовке) |
|
Заголовок |
<HEAD></HEAD> |
(описание документа) |
|
Тело |
<BODY></BODY> |
(соде(содержимое страницы) |
Шаг 2
Подробное определение
структуры.
|
Заглавие |
<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> |
|
Шаг 3
Внешний вид.
|
Жирный |
<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> |
|
Шаг 4
Ссылки и графика
| Ссылка |
<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=?> |
|
Шаг 5
Разделители.
| Параграф |
<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> |
(разбить строку) |
Шаг 6
| Определить форму |
<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> |
|
Шаг 7
Таблицы.
| Определить таблицу |
<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> |
(сверху/снизу таблицы) |
|