Code <a href="другой_документ.html"></a> - ссылка target=_blank - открывает ссылку в новом окне.
name="anchor1" - имя закладки.
<area> - оперделяет геометрические области внутри карты и ссылки, связанныес каждой областью shape="rect" (circle, poly) - тип области (прямоугольник, круг, многоугольник)
coords="x1,y1,..." - координаты, количество зависит от типа области
alt="описание" - описание, подсказка
href="document.html" - ссылка
<b></b> - жирный текст
<big></big> - крупный текст
<body></body> - обязательный тэг
<body text="#cc0000"> - задает цвет текста всего документа
<body bgcolor="#000000"> - задает цвет фона документа
<body background="картинка.jpg"> - задает фоновую картинку
<body link="#ff9999"> - задает цвет ссылки
<body alink="#ff9999"> - задает цвет активной (нажатой) ссылки
<body vlink="#ff9999"> - задает цвет посещенной ссылки
<body topmargin="0"> - определяет ширину верхнего и нижнего полей документа для IE
<body leftmargin="0"> - определяет ширину левого и правого полей документа для IE
<body marginheight="0"> - определяет ширину верхнего и нижнего полей документа для NN
<body marginwidth="0"> - определяет ширину левого и правого полей документа для NN
- перенос строки (принудительный) clear="all" (left, right) - завершение обтекания текстом объекта (картинки).
<center></center> - центрирование текста
<font></font> - сам по себе погоды не делает, всегда употребляется с одним из параметров, приведенных ниже
<font color="#cc0000">текст</font> - задает цвет текста выбранной части документа.
<font size="+0">текст</font> - задает размер шрифта текста (от -2 до +4)
<font face="Arial">текст</font> - задает определенный шрифт в документе (можно прописать какой-нибудь экзотический шрифт)
<frame src="menu.html"> - определяет фрэйм и его свойства внутри frameset - главы 24 - 30.
marginheight="0" - определяет ширину верхнего и нижнего полей фрэйма.
marginwidth="0" - определяет ширину левого и правого полей фрэйма.
scrolling="yes" (no, auto) - линейка прокрутки будет всегда (никогда, если надо).
name="window-1" - имя фрейма, используется для ссылки на него из других документов (фреймов), с помощью параметра тэга <a> target (target="имя_фрейма").
<frameset></frameset> - определяет фрэймовую структуру документа. Открывает и закрывает список фрэймов - главы 24 - 30.
rows="100,200,*" - определяет количество и размеры горизонтальных фрэймов (рядов). Размеры задаются в процентах или пикселях.
cols="10%,20%,70%" - определяет количество и размеры вертикальных фрэймов (колонок).Размеры задаются в процентах или пикселах.
border - определяет ширину рамок фрэймов в пикселах.
<Hx></Hx> - заголовок
<head></head> - обязательный тэг
<hr> - линия <Hr align="right"> (center или left>
<Hr width="30%"> (ширина линии в процентах)
<Hr size="6"> (толщина линии)
<Hr NoShade> (отмена объемности)
<Hr color="cc0000"> (цвет линии, только в IE)
<html></html> - обязательный тэг
<i></i> - выделяет текст курсивом
<img src="ваша_картинка.jpg"> - рисунок
Border="5" - рамка покруг картинки
width="500" - ширина картинки
height="100" - высота картинки
align="left" - расположение текста по отношению к картинке (right, top, middle, left, bottom)
vspace="10" - расстояние от картинки до текста по вертикали
hspace="30" - расстояние от картинки до текста по горизонтали
alt="описание" - описание картинки
usemap="#karta1" - ссылка на карту
<map></map> - навигационные карты
name="karta1" - имя карты
<marquee></marquee> - бегущая строка (текста)
height="16" - высота строки
width="250" - ширина строки
bgcolor="#99CCFF" - цвет фона
vspace="10" - расстояние от бегущей строки до текста (картинок, др. объектов) по вертикали
hspace="20" - расстояние от бегущей строки до текста (картинок, др. объектов) по горизонтали
loop="2" - сколько раз прокрутится строка
direction="left" (right, up, down) - направление движения строки - влево (вправо, вверх, вниз)
behavior="scroll" (slide, alternate) - поведение строки - обычная прокрутка (прокрутка с остановкой, от края к краю)
scrollamount="1" - скорость движения строки, может принимать значения от 1 до 10 (1 - самое медленное движение, 10 - самое быстрое)
<li></li> - cписки
type="disk" - полный кружок (по умочанию)
type="circle" - полый кружок
type="square" - квадратик
</p> - параграф
<p align="center">текст</p> - центрирование текста.
<p align="right">текст</p> - выравнивание текста по правому краю документа.
<p align="left">текст</p> - выравнивание текста по левому краю документа.
<p align="justify">текст</p> - выравнивание текста по обоим краям документа.
<pre></pre> - форматированый текст
<s></s> - перечеркнутый текст
<small></small> - малый текст
<stike></strike> - перечеркнутый текст
<sub></sub> - нижний индекс
<sup></sup> - верхний индекс
<title></title> - название документа
<table></table> - таблицы
<tr></tr> - строчка (ряд) таблицы.
<td></td> - столбец (ячейка) таблицы.
bgcolor="#FFCC33" - цвет фона таблицы (строки, ячейки).
background="картинка.gif" - задает фоновый рисунок для таблицы (строки, ячейки).
width="50" или width="50%"- ширина таблицы (строки, ячейки) в пикселях или процентах.
height="45" или height="45%"- высота таблицы (строки, ячейки) в пикселях или процентах.
align="center" (right, left) - выравнивает содержимое ячейки относительно ее центра (правого или левого краев).
valign="middle" (top, bottom) - вертикальное выравнивание содержимого строки (ячейки) по середине (наверху или внизу).
colspan="2" - растянуть ячейку на несколько стобцов.
rowspan="2" - растянуть ячейку на несколько рядов.
cellspacing="5" - задает пространство между ячейками.
cellpadding="5" - задает пространство внутри ячейки между ее содержимым и границами.
border="3" - задает толщину рамки таблицы.
bordercolor="#000000" - задает цвет рамки таблицы.
<tt></tt> - фиксированный (моноширинный) текст
<u></u> - подчеркнутый текст
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> | |
ВНЕШНИЙ ВИД
| | Жирный | <B></B> | | | Курсив | <I></I> | | N3.0b | Подчеркнутый | <U></U> | (часто не поддерживается) | | Перечеркнутый | <STRIKE></STRIKE> | (часто не поддерживается) | N3.0b | Перечеркнутый | <S></S> | (часто не поддерживается) | | Верхний индекс | <SUB></SUB> | | | Нижний индекс | <SUP></SUP> | | | Печатная машинка | <TT></TT> | (изображается как шрифт фиксированой ширины) | | Форматированый | <PRE></PRE> | (сохранить формат текста как есть) | | Ширина | <PRE WIDTH=?></PRE> | (в символах) | | Центрировать | <CENTER></CENTER> > | (как текст, так и графика) | N1.0 | Мигающий | <BLINK></BLINK> | (наиболее осмеянный элемент) | | Размер шрифта | <FONT SIZE=?></FONT> | (от 1 до 7) | | Изменить размер шрифта | <FONT SIZE="+|-?"></FONT> | | N1.0 | Базовый размер шрифта | <BASEFONT SIZE=?> | (от 1 до 7; по умолчанию 3) | | Цвет шрифта | <FONT COLOR="#$$$$$$"></FONT> | | N3.0b | Выбор шрифта | <FONT FACE="***"></FONT> | | N3.0b | Многоколоночный текст | <MULTICOL COLS=?></MULTICOL> | | N3.0b | Пробел между колонками | <MULTICOL GUTTER=?></MULTICOL> | (по умолчанию 10 точек) | N3.0b | Ширина колонки | <MULTICOL WIDTH=?></MULTICOL> | | N3.0b | Пустой блок | <SPACER> | | N3.0b | Тип пустого блока | <SPACER TYPE=horizontal| vertical|block> | | N3.0b | Величина пустого блока | <SPACER SIZE=?> | | N3.0b | Размеры пустого блока | <SPACER WIDTH=? HEIGHT=?> | | N3.0b | Выравнивание | <SPACER ALIGN=left|right|center> | |
ССЫЛКИ И ГРАФИКА
| | Ссылка | <A HREF="URL"></A> | | | Ссылка на закладку | <A HREF="URL#***"></A> | (в другом документе) | <A HREF="#***"></A> | (в том же документе) | N2.0 | На другое окно | <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> | | N1.0 | Выравнивание | <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=?> | (в точках) | N1.0 | Заменитель в низком разрешении | <IMG SRC="URL" LOWSRC="URL"> | | N1.1 | Обновить | <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> | | N2.0 | Включить об'ект | <EMBED SRC="URL"> | (вставить об'ект в страницу) | N2.0 | Размер об'екта | <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=?> | (в точках) | N1.0 | Ширина в процентах | <HR WIDTH="%"> | (в процентах от ширины страницы) | | Сплошная линия | <HR NOSHADE> | (без трехмерных эффектов) | N1.0 | Нет разбивки | <NOBR></NOBR> | (запрещает перевод строки) | N1.0 | Перенос | <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="#$$$$$$"> | | |
ФОРМЫ
| | Определить форму | <FORM ACTION="URL" METHOD=GET|POST></FORM> | | N2.0 | Посылка файла | <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> | | N2.0 | Разбивка на строки | <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> | (для просмотрщиков не поддерживающих фреймы) |
РАЗНОЕ
| | Комментарий | <!-- *** --> | (игнорируется просмотрщиком) | | Пролог 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> | (часто не поддерживается) | |
Автор\Источник: |