Краткое руководство по 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
- разное
Внимание: Если вам не ясна разница между 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="#$$$$$$">

(Дополнительная информация)

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

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

&#?;

(где ? это код 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>

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

ЯЗЫК 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>

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