Справочник HTML              

Н

астоящий материал представляет собой лишь справочное пособие по возможностям HTML. Здесь описываются теги, отображаемые как в Microsoft Internet Explorer, так и в Netscape. Теги, используемые только в каком-то определённом броузере, я не описывала.


Оглавление


Теги структуры документа

<HTML> . . . </HTML> Определяет начало и конец документа.
<HEAD> . . . </HEAD> Определяет начало и конец заголовка документа.
<TITLE> . . . </TITLE> Здесь указывается заглавие текущей страницы.
<BODY> . . . </BODY> Определяет начало и конец тела документа.
Атрибуты тега BODY:
BGCOLOR=" . . . "  - определяет цвет фона;
BACKGROUND=" . . . "  - указывает адрес файла для Background (рекомендуется подбирать цвет bgcolor, максимально приближенный к цвету background);
TEXT=" . . . "  - задаёт цвет текста;
LINK=" . . . "  - задаёт цвет гиперсвязей (ссылок);
VLINK=" . . . "  - задаёт цвет ссылок, где пользователь уже побывал;
ALINK=" . . . "  - задаёт цвет активной гиперсвязи;
<! . . . >  - используется для вставки комментария;
Пример использования:  

<BODY bgcolor="f0ffff" BACKGROUND="31.jpg" LINK="880000" VLINK="0a00ab" ALINK="ffff00">


Параграфы, заголовки, разделители

Параграфы и абзацы:
<BR> Начало новой строки, перевод строки.
<P> Начало нового абзаца, перевод строки с отступом.
<PRE> . . . </PRE> Предварительно отформатированный текст (текст располагается так, как он должен выглядеть на экране).
<PRE WIDTH=" . . . "> Определение ширины строки (в пикселах) предварительно отформатированного текста.
<SPACER> . . . </SPACER> Использование отступов, пробелов.
Атрибуты тега SPACER:
TYPE=horizontal
TYPE=vertical
TYPE=block
 - определение типа пустого блока
(горизонтальный, вертикальный, блок);
SIZE=" . . . "  - определение размера пустого блока (в пикселах);
WIDTH=" . . . "
HEIGHT=" . . . "
 - определение высоты и ширины пустого блока (в пикселах);
ALIGN=left
ALIGN=right
ALIGN=center
 - определение способа выравнивания блока
(слева, справа, по центру);
Примеры использования:  

<SPACER TYPE=horizontal SIZE="10" ALIGN=left>  
<SPACER TYPE=vertical SIZE="10">  
<SPACER TYPE=block WIDTH="10" HEIGHT="10">

Заголовки:
<H1> . . . </H1>

Заголовок первого уровня.

<H2> . . . </H2>

Заголовок второго уровня.

<H3> . . . </H3>

Заголовок третьего уровня.

<H4> . . . </H4>

Заголовок четвёртого уровня.

<H5> . . . </H5>
Заголовок пятого уровня.
<H6> . . . </H6>
Заголовок шестого уровня.
Разделители:
<HR> Горизонтальная линия, идущая через весь экран.
Атрибуты тега HR:
SIZE=" . . . "  - определение толщины линии (в пикселах);
WIDTH=" . . . "  - определение длины линии (в пикселах или в процентах от ширины страницы);
COLOR=" . . . "  - определение цвета линии;
ALIGN=left
ALIGN=right
ALIGN=center
 - определение способа выравнивания линии
(слева, справа, по центру);
NOSHADE  - без использования трёхмерных эффектов;
Примеры использования:  

<HR COLOR="008000" SIZE="1" NOSHADE>  
<HR SIZE="3" WIDTH="50" ALIGN=right>  
<HR SIZE="5" WIDTH="50%" ALIGN=сenter>


Отображение текста

Начертание в правом столбце даёт пример применения описываемого тега.

<BASEFONT SIZE= . . . > Установка размера базового шрифта.
Диапазон - от 1 до 7. (По умолчанию принимается 3).
<BIG> . . . </BIG> Текст будет отображаться шрифтом большего размера.
<SMALL> . . . </SMALL> Текст будет отображаться шрифтом меньшего размера.
<B> . . . </B> Полужирный текст.
<I> . . . </I> Текст, выделенный курсивом.
<U> . . . </U> Подчёркнутый текст.
<STRIKE> . . . </STRIKE> Перечёркнутый текст.
<S> . . . </S> Перечёркнутый текст.
<TT> . . . </TT> Шрифт фиксированной ширины.
<BLINK> . . . </BLINK> Мигающий текст.
<SUB> . . . </SUB> Текст смещается вниз.
<SUP> . . . </SUP> Текст смещается вверх.
<FONT> . . . </FONT> Определение цвета, размера и гарнитуры текста.
Атрибуты тега FONT:
COLOR=" . . . "  - определение цвета текста;
FACE=гарнитура   - определение типа гарнитуры;
SIZE=" . . . "  - определение размера шрифта от 1 до 7
или относительно базового размера с помощью значений +n или -n;
Примеры использования:  

<FONT FACE="arial" SIZE="2" COLOR="5e0000">  
<FONT SIZE="+3" COLOR="red">


Отображение информации

Начертание в правом столбце даёт пример применения описываемого тега.

<ADDRESS> . . . </ADDRESS>
Отображает информацию об адресе.
<BLOCKQUOTE> . . . </BLOCKQUOTE>
Выделяет текст отступами слева и справа. Используется для цитирования.
<CITE> . . . </CITE> Используется для ссылок (названия книг, фильмов и т.д.) и цитат.
<CODE> . . . </CODE> Для частей исходного текста программ.
<SAMP> . . . </SAMP> Для размещения в документе распечаток программ и т.п.
<EM> . . . </EM> Выделение текста.
<DFN> . . . </DFN> Даёт пример для обсуждаемого термина или понятия.
<KBD> . . . </KBD> Для выделения текста, набираемого пользователем на клавиатуре.
<VAR> . . . </VAR> Для обозначения переменных, передаваемых с командами.
<DIV> . . . </DIV>
Для создания раздела в тексте.
Атрибуты тега DIV:
ALIGN=left
ALIGN=right
ALIGN=center
 - определение способа выравнивания блока (слева, справа, по центру);

Гипертекстовые связи

<A HREF="Адрес">горячая точка</A> Гипертекстовая связь с другой страницей сервера.
<A HREF="#Имя">горячая точка</A> Гипертекстовая связь в этом же документе
<A NAME="Имя">место перехода</A> Определяет место перехода по гиперсвязи в документе.
<A HREF="Адрес#Имя">горячая_точка</A> Гиперсвязь к определённой точке на другой странице сервера.
<A HREF="Адрес"><IMG SRC="Имя"></A> Гиперсвязь по изображению с другой страницей сервера (активное изображение).
<A HREF="file://fname.mov">
горячая точка
</A>
Гиперсвязь к файлу изображения, видеофайлу, аудиофайлу и т.п.
Атрибуты тега A HREF:
<A HREF="Адрес" TARGET="_TOP">
горячая точка
</A>
Атрибут TARGET указывает, что страница, заданная ссылкой, загрузится в новом экземпляре броузера.
<A HREF="Адрес" TARGET="_TOP">
горячая точка
</A>
Атрибут TARGET указывает, что страница, заданная ссылкой, загрузится в новом окне.
<A HREF="Адрес" TARGET="_BLANK">
горячая точка
</A>
Атрибут TARGET указывает, что страница, заданная ссылкой, загрузится в новом пустом окне.
<A HREF="Адрес" TARGET="_SELF">
горячая точка
</A>
Атрибут TARGET указывает, что страница, заданная ссылкой, загрузится в окне, содержащем ссылку.
<A HREF="Адрес" TARGET="_PARENT">
горячая точка
</A>
Атрибут TARGET указывает, что страница, заданная ссылкой, загрузится в окне, являющемся непосредственным владельцем набора фреймов.
<A HREF="Адрес" TARGET="Имя_фрейма">
горячая точка
</A>
Атрибут TARGET указывает, что страница, заданная ссылкой, загрузится в указанном фрейме.

Списки

В правом столбце даётся пример применения описываемого тега.

Элементы списка:
<LI>aaa
<LI>bbb
<LI>ссс
Для того, чтобы задать список, каждый элемент его помечается (можно в строку).
Атрибуты тега LI (значения указаны ниже):
TYPE="CIRCLE/DISK/SQUARE" Тип метки для этого и последующих элементов в неупорядоченном списке.
TYPE="A/a/I/i/1" Тип нумерации для этого и последующих элементов.
VALUE="n" Указывается номер, с которого начинать отсчёт.
Неупорядоченные списки:
<UL> . . . </UL> Неупорядоченный список.
  • aaa
  • bbb
  • ccc
Атрибуты тега UL:
<UL COMPACT> . . . </UL> Атрибут COMPACT указывает, что список будет представлен в более компактном виде.
<UL TYPE="CIRCLE"> . . . </UL> Атрибут TYPE="CIRCLE" указывает, что метка будет в виде кружка.
  • aaa
  • bbb
  • ccc
<UL TYPE="DISK"> . . . </UL> Атрибут TYPE="DISK" указывает, что метка будет в виде диска (по умолчанию).
  • aaa
  • bbb
  • ccc
<UL TYPE="SQUARE"> . . . </UL> Атрибут TYPE="SQUARE" указывает, что метка будет в виде квадрата.
  • aaa
  • bbb
  • ccc
Упорядоченные списки:
<OL> . . . </OL> Упорядоченный список.
  1. aaa
  2. bbb
  3. ccc
Атрибуты тега OL:
<OL COMPACT> . . . </OL> Атрибут COMPACT указывает, что список будет представлен в более компактном виде.
<OL TYPE="A"> . . . </OL> Атрибут TYPE="A" указывает, что метки будут в виде прописных букв.
  1. aaa
  2. bbb
  3. ccc
<OL TYPE="a"> . . . </OL> Атрибут TYPE="a" указывает, что метки будут в виде строчных букв.
  1. aaa
  2. bbb
  3. ccc
<OL TYPE="I"> . . . </OL> Атрибут TYPE="I" указывает, что метки будут в виде больших римских цифр.
  1. aaa
  2. bbb
  3. ccc
<OL TYPE="i"> . . . </OL> Атрибут TYPE="i" указывает, что метки будут в виде маленьких римских цифр.
  1. aaa
  2. bbb
  3. ccc
<OL TYPE="1"> . . . </OL> Атрибут TYPE="1" указывает, что метки будут в виде арабских цифр (по умолчанию).
  1. aaa
  2. bbb
  3. ccc
<OL START="3"> . . . </OL> Атрибут START="3" определяет, что список будет пронумерован с указанной цифры .
  1. aaa
  2. bbb
  3. ccc
Меню:
<MENU> . . . </MENU> Список в виде меню.
<MENU COMPACT> . . . </MENU> Атрибут COMPACT указывает, что список будет представлен в более компактном виде.
Списки определений:
<DL> . . . </DL> Список определений (словарь терминов).
<DT> . . .  Этот тег стоит перед Термином.
<DD> . . .  Этот тег стоит перед Определением указанного выше Термина.
Пример использования:  

<DL>  
<DT>Internet  
<DD>Всемирная компьютерная сеть сетей, предоставляющая доступ к информации по всему миру.  
<DT>Гипертекст  
<DD>Система гипертекста устанавливает связи между небольшими фрагментами информации, упрощая поиск необходимых данных.  
<DL>

Internet
Всемирная компьютерная сеть сетей, предоставляющая доступ к информации по всему миру.
Гипертекст
Система гипертекста устанавливает связи между небольшими фрагментами информации, упрощая поиск необходимых данных.

Таблицы

<TABLE> . . . </TABLE> Определяет начало и конец таблицы.
Атрибуты тега TABLE:
BGCOLOR=" . . . "  - определяет цвет фона всей таблицы;
BACKGROUND=" . . . "  - указывает адрес файла для Background (рекомендуется подбирать цвет bgcolor, максимально приближенный к цвету background);
BORDER="n"  - задаёт обрамление, образованное линиями шириной n пикселов.
WIDTH=" . . . "  - задаёт ширину таблицы (в пикселах или процентах)
ALIGN=left
ALIGN=right
ALIGN=center
 - задаёт способ выравнивания таблицы по ширине страницы (слева, справа, по центру)
CELLSPACING=" . . . "  - задаёт в пикселах расстояние между границами ячейки и её содержимым;
CELLPADDING=" . . . "  - задаёт в пикселах интервал между ячейками;
Пример использования:  

< TABLE CELLSPACING=2 CELLPADDING=3 BORDER=1 ALIGN="Center" BGCOLOR="Gray" BACKGROUND="Bk10.gif" WIDTH=100>

<TR> . . . </TR> Определяет начало и конец строки в таблице.
Атрибуты тега TR:
BGCOLOR=" . . . "  - определяет цвет фона данной строки;
BACKGROUND=" . . . "  - указывает адрес файла для Background данной строки;
BORDER="n"  - задаёт обрамление, образованное линиями шириной n пикселов.
ALIGN=left
ALIGN=right
ALIGN=center
 - задаёт способ выравнивания содержимого ячеек в данной строке (слева, справа, по центру)
VALIGN=top
VALIGN=bottom
VALIGN=center
VALIGN=baseline
 - задаёт способ размещения содержимого ячеек в данной строке по вертикали (сверху, снизу, по центру, по базовой линии)
Пример использования:  

< TR ALIGN="сenter" VALIGN="middle">

<TD> . . . </TD> Определяет начало и конец ячейки в таблице.
Атрибуты тега TD:
BGCOLOR=" . . . "  - определяет цвет фона данной ячейки;
BACKGROUND=" . . . "  - указывает адрес файла для Background данной ячейки;
WIDTH=" . . . "  - задаёт ширину ячейки (в пикселах или процентах от ширины таблицы)
ALIGN=left
ALIGN=right
ALIGN=center
 - задаёт способ выравнивания содержимого ячейки (слева, справа, по центру)
VALIGN=top
VALIGN=bottom
VALIGN=center
VALIGN=baseline
 - задаёт способ размещения содержимого ячейки по вертикали (сверху, снизу, по центру, по базовой линии);
ROWSPAN="n"  - указывает, что данная ячейка охватывает n соседних строк;
COLSPAN="n"  - указывает, что данная ячейка охватывает n соседних столбцов;
NOWRAP  - указывает, в данной ячейке отключается режим автоматического распределения текста по всей ячейке. То есть будет отображаться лишь та часть текста, которая умещается в ячейке по длине.
Пример использования:  

< TD ALIGN="Center" VALIGN="Baseline" COLSPAN="2" WIDTH="30" HEIGHT="30" NOWRAP>

<TH> . . . </TР> Определяет начало и конец ячейки с заголовком в таблице.
Атрибуты тега TH:
BGCOLOR=" . . . "  - определяет цвет фона данной ячейки;
BACKGROUND=" . . . "  - указывает адрес файла для Background данной ячейки;
WIDTH=" . . . "  - задаёт ширину ячейки (в пикселах или процентах от ширины таблицы)
ALIGN=left
ALIGN=right
ALIGN=center
 - задаёт способ выравнивания содержимого ячейки (слева, справа, по центру)
VALIGN=top
VALIGN=bottom
VALIGN=center
VALIGN=baseline
 - задаёт способ размещения содержимого ячейки по вертикали (сверху, снизу, по центру, по базовой линии);
ROWSPAN="n"  - указывает, что данная ячейка охватывает n соседних строк;
COLSPAN="n"  - указывает, что данная ячейка охватывает n соседних столбцов;
NOWRAP  - указывает, в данной ячейке отключается режим автоматического распределения текста по всей ячейке. То есть будет отображаться лишь та часть текста, которая умещается в ячейке по длине.
Пример использования:  

< TH ALIGN="Center" VALIGN="Baseline" COLSPAN="4" WIDTH="50">

Пример взаимного расположения тегов при описании таблицы:  

<TABLE BORDER=0>
<TR>
    <TD> </TD>
</TR>
</TABLE>


Фреймы

<FRAMESET> . . . </FRAMESET> Определяет начало и конец документа с фреймами. Используется вместо тега BODY.
Атрибуты тега FRAMESET:
BORDER="n"  - задаёт обрамление фреймов, образованное линиями шириной n пикселов.
BORDERCOLOR=" . . . "  - задаёт цвет обрамления;
COLS=" . . . , . . . , . . . "  - задаёт горизонтальное расположение фреймов. В списке указывается ширина каждого фрейма в пикселах или процентах. Ширину последнего фрейма можно указать как *, т.е. - всё остальное пространство.
ROWS=" . . . , . . . , . . . "  - задаёт вертикальное расположение фреймов. В списке указывается высота каждого фрейма в пикселах или процентах. Высоту последнего фрейма можно указать как *, т.е. - всё остальное пространство.
Пример использования:  

<FRAMESET COLS="179, *">

<FRAME> Определяет фрейм в наборе фреймов.
Атрибуты тега FRAME:
BORDER="n"  - задаёт обрамление фрейма, образованное линией шириной n пикселов.
BORDERCOLOR=" . . . "  - задаёт цвет обрамления;
SRC=" . . . "  - задаёт адрес (URL) файла, который будет отображаться в этом фрейме;
NAME=" . . . "  - задаёт имя этого фрейма;
SCROLLING=yes
SCROLLING=no
SCROLLING=auto
 - описывает наличие и тип линии прокрутки (есть всегда, никогда нет, добавляется при необходимости);
NORESIZE  - запрещает изменять размеры фреймов;
MARGINHEIGHT=" . . . "  - задаёт размещение над содержимым фрейма и под ним областей свободного пространства высотой по n пикселов;
MARGINWIDTH=" . . . "  - задаёт размещение слева и справа от содержимого фрейма областей свободного пространства высотой по n пикселов;
Пример использования:  

<FRAME NAME="FrameA" SRC="Begin.htm" MARGINHEIGHT=1 MARGINWIDTH=1 SCROLLING="Auto" NORESIZE>

Пример взаимного расположения тегов при описании набора фреймов:  

<FRAMESET ROWS="200,*">
   <FRAME NAME="Frame 1" SRC="A1.htm" SCROLLING="AUTO">
   <FRAME NAME="Frame 2" SRC="B1.htm" SCROLLING="AUTO">
</FRAMESET>


Вставка графики и звуков


Поддержка форм


Специальные символы


Лучшее в русском Интернете:
[Виртуальные подарки] [Музыка в Сети Интернет]
[Интересные и нужные ссылки]
[Полезные ссылки]


[Всё про ICQ] [Поиск потерянных друзей]
[Краткий Справочник HTML (55kб)]


TopList
Последние изменения: 26 Январь 2000 г.
Copyright © 1997-2000 Марина Ткачук qwerty@sevogmts.org.ru
Полный адрес: http://www.remy.glasda.ru