Краткое руководство по HTML

Сборники Художественной, Технической, Справочной, Английской, Нормативной, Исторической, и др. литературы.

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

Автор: Kevin Werbach
Перевод: Станислав Малышев
Версия 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 - сделайте лучше, если можете.:)

Содержание

ПРЕДИСЛОВИЕ

Чем замечательно это руководство
Какие элементы HTML включены
Формат этого документа (включая описание символов и аббревиатур)

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

базисные элементы (все документы на HTML должны содержать их)
определение структуры (вид задается параметрами программы-просмотрщика)
внешний вид (автор определяет внешний вид текста)
ссылки и графика
разделители
списки
фон и цвета
специальные символы
формы
таблицы
фреймы (frames)
язык Java
разное

Внимание:

комментарии W3C



Тип документа	`<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="#$$$$$$">`
(Дополнительная информация)


СПЕЦИАЛЬНЫЕ СИМВОЛЫ(обязаны быть в нижнем регистре)
	Специальный символ	&#?;	(где ? это код ISO 8859-1)
	<	`<`
	>	`>`
	&	`&`
	"	`"`
	Торговая марка ТМ	`®`
	Copyright	`©`
	Неразделяющий пробел	` `
(Полный список)


ФОРМЫ
	Определить форму	`<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>`	(для просмотрщиков не поддерживающих фреймы)



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 Станиславу Малышеву. Разрешается некоммерческое распространение. Модифицировал Андрей Аликберов

KOAP Open Portal 2000