КРАТКОЕ РУКОВОДСТВО ПО HTML

Автор: Kevin Werbach
Перевод: Stanislav Malyshev
Версия 3.0 Форматированая -- 21 июля 1996


Последняя версия этого документа находится по адресу <http://werbach.com/barebones/>.

Это руководство описывает все элемены HTML, которые воспринимаются большинством просмотршиков. Я включил все элементы из HTML 3.2, также как расширения Netscape вплоть до версии Netscape Navigator 3.0b5. Настоящее руководство сделано как можно более кратким, дополнительую информацию о HTML можно найти на Странице помощи по WWW.

Всегда рад комментариям и предложениям.
От переводчика: если есть какие-то замечания по переводу, пишите мне: <frodo@cs.huji.ac.il>. Я не профессиональный переводчик, так что качество перевода может понравится не всем. Do it better if you can - сделайте лучше, если можете.:)

Содержание
  1. ПРЕДИСЛОВИЕ

  2. СПИСОК ЭЛЕМЕНТОВ HTML

    Внимание: Если вам не ясна разница между HTML 2.0, HTML 3.0, HTML 3.2, и дополнениями Netscape, я советую прочитать комментарии W3C о развитии языка 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>

 

 

Маленький шрифт

<SMALL></SMALL>

 

 

ВНЕШНИЙ ВИД


 

Жирный

<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="#$$$$$$"> [*]

 

(Дополнительная информация по адресу: http://werbach.com/web/wwwhelp.html#color)

 

СПЕЦИАЛЬНЫЕ СИМВОЛЫ(обязаны быть в нижнем регистре)


 

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

&#?;

(где ? это код ISO 8859-1)

 

<

&lt;

 

 

>

&gt;

 

 

&

&amp;

 

 

"

&quot;

 

 

Торговая марка ТМ

&reg;

 

 

Copyright

&copy;

 

 

Неразделяющий пробел

&nbsp;

 

(Полный список: http://www.uni-passau.de/%7Eramsch/iso8859-1.html)

 

ФОРМЫ


 

Определить форму

<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=?>

 

N1.1

Желаемая ширина

<TD WIDTH=?>

(в точках)

N1.1

Ширина в процентах

<TD WIDTH="%">

(проценты от ширины страницы)

N3.0b

Цвет ячейки

<TD BGCOLOR="#$$$$$$">

 

 

Заголовок таблицы

<TH></TH>

(как данные, но жирный шрифт и центровка)

 

Выравнивание

<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>

 

 

Без перевода строки

<TH NOWRAP>

 

 

Растягивание по колонке

<TH COLSPAN=?>

 

 

Растягивание по строке

<TH ROWSPAN=?>

 

N1.1

Желаемая ширина

<TH WIDTH=?>

(в точках)

N1.1

Ширина в процентах

<TH WIDTH="%">

(проценты ширины таблицы)

N3.0b

Цвет ячейки

<TH BGCOLOR="#$$$$$$">

 

 

Заглавие таблицы

<CAPTION></CAPTION>

 

 

Выравнивание

<CAPTION ALIGN=TOP|BOTTOM>

(сверху/снизу таблицы)

 

ФРЕЙМЫ


N2.0

Документ с фреймами

<FRAMESET></FRAMESET>

(вместо <BODY>)

N2.0

Высота строк

<FRAMESET ROWS=,,,></FRAMESET>

(точки или %)

N2.0

Высота строк

<FRAMESET ROWS=*></FRAMESET>

(* = относительный размер)

N2.0

Ширина колонок

<FRAMESET COLS=,,,></FRAMESET>

(точки или %)

N2.0

Ширина колонок

<FRAMESET COLS=*></FRAMESET>

(* = относительный размер)

N3.0b

Ширина окантовки

<FRAMESET BORDER=?>

 

N3.0b

Окантовка

<FRAMESET FRAMEBORDER="yes|no">

 

N3.0b

Цвет окантовки

<FRAMESET BORDERCOLOR="#$$$$$$">

 

N2.0

Определить фрейм

<FRAME>

(содержание отдельного фрейма)

N2.0

Документ

<FRAME SRC="URL">

 

N2.0

Имя фрейма

<FRAME NAME="***"|_blank|_self| _parent|_top>

 

N2.0

Ширина границы

<FRAME MARGINWIDTH=?>

(правая и левая границы)

N2.0

Высота границы

<FRAME MARGINHEIGHT=?>

(верхняя и нижняя границы)

N2.0

Скроллинг?

<FRAME SCROLLING="YES|NO|AUTO">

 

N2.0

Постоянный размер

<FRAME NORESIZE>

 

N3.0b

Окантовка

<FRAME FRAMEBORDER="yes|no">

 

N3.0b

Цвет окантовки

<FRAME BORDERCOLOR="#$$$$$$">

 

N2.0

Содержание без фреймов

<NOFRAMES></NOFRAMES>

(для просмотрщиков не поддерживающих фреймы)

 

ЯЗЫК JAVA


 

Applet

<APPLET></APPLET>

 

 

Applet - имя файла

<APPLET CODE="***">

 

 

Параметры

<APPLET PARAM NAME="***">

 

 

Applet - адрес

<APPLET CODEBASE="URL">

 

 

Applet - имя

<APPLET NAME="***">

(для ссылок из других частей страницы)

 

Альтернативный текст

<APPLET ALT="***">

(для программ не поддерживающих Java)

 

Выравнивание

<APPLET ALIGN="LEFT|RIGHT|CENTER">

 

 

Размеры

<APPLET WIDTH=? HEIGHT=?>

(в точках)

 

Отступ

<APPLET HSPACE=? VSPACE=?>

(в точках)

 

РАЗНОЕ


 

Комментарий

<!-- *** -->

(игнорируется просмотрщиком)

 

Пролог HTML 3.2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> [*]

 

 

Поиск

<ISINDEX>

(означает начальную точку поиска)

 

Приглашение

<ISINDEX PROMPT="***">

(текст приглашения для поля ввода)

 

Запустить поиск

<A HREF="URL?***"></a>

(используйте действительно знак вопроса)

 

URL этого файла

<BASE HREF="URL">

(должно быть в заголовке)

N2.0

Имя базового окна

<BASE TARGET="***">

(должно быть в заголовке)

 

Отношение

<LINK REV="***" REL="***" HREF="URL">

(должно быть в заголовке)

 

Метаинформация

<META>

(должно быть в заголовке)

 

Стили

<STYLE></STYLE>

(часто не поддерживается)

 

Программа

<SCRIPT></SCRIPT>

(часто не поддерживается)

 
 

Copyright ©1995, 1996 Kevin Werbach. Noncommercial redistribution permitted. This Guide is not a product of Bare Bones Software; the similarity of names is purely coincidental.

Copyright ©1995, 1996 Kevin Werbach. Разрешается некоммерческое распространение. Это руководство не является продуктом Bare Bones Software; сходство имен чисто случайное.

Авторские права на перевод принадлежат ©1995, 1996 Станиславу Малышеву. Разрешается некоммерческое распространение.