БАЗИСНЫЕ ЭЛЕМЕНТЫ
ФОН И ЦВЕТА
Фоновая картинка
<BODY BACKGROUND="URL">
Цвет фона
<BODY BGCOLOR="#$$$$$$">
[*]
(порядок: красный/зеленый/синий)
Цвет текста
<BODY TEXT="#$$$$$$">
[*]
Цвет ссылки
<BODY LINK="#$$$$$$">
[*]
Пройденная ссылка
<BODY VLINK="#$$$$$$">
[*]
Активная ссылка
<BODY ALINK="#$$$$$$">
[*]
(Дополнительная информация по адресу:
http://werbach.com/web/wwwhelp.html#color)
ФОРМЫ
Определить форму
<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>
ФРЕЙМЫ
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
Автор: Kevin Werbach
Перевод: Stanislav Malyshev
Версия 3.0 Форматированая -- 21 июля 1996
Последняя версия
этого документа находится по адресу <
HREF="http://werbach.com/barebones/">http://werbach.com/barebones/
Это руководство описывает все элемены HTML, которые воспринимаются
большинством просмотршиков. Я включил все элементы из
HTML 3.2, также как расширения Netscape вплоть до версии Netscape Navigator 3.0b5.
Настоящее руководство сделано как можно более кратким,
дополнительую информацию о HTML можно найти на
HREF="http://werbach.com/web/wwwhelp.html#guides">Странице помощи по 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.
ОПРЕДЕЛЕНИЕ СТРУКТУРЫ
Заглавие
<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>
РАЗДЕЛИТЕЛИ
Параграф
<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 >
(без трехмерных эффектов)
N1.0
Нет разбивки
<NOBR></NOBR>
(запрещает перевод строки)
N1.0
Перенос
<WBR>
(где разбивать строку для переноса при необходимости)
РАЗНОЕ
Комментарий
<!-- *** -->
(игнорируется просмотрщиком)
Пролог 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
Станиславу Малышеву.
Разрешается некоммерческое распространение.
Содержание |
СПИСОК ЭЛЕМЕНТОВ |
Текстовая версия |
Страница Kevin'а
СПЕЦИАЛЬНЫЕ СИМВОЛЫ
(обязаны быть в нижнем регистре)
Специальный символ
&#?;
(где ? это код ISO 8859-1)
<
<
>
>
&
&
"
"
Торговая марка ТМ
®
Copyright
©
Неразделяющий пробел
(Полный список:
http://www.uni-passau.de/%7Eramsch/iso8859-1.html)
СПИСКИ
Неупорядоченный
<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>
ССЫЛКИ И ГРАФИКА
Ссылка
<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=?>
Таблицы
Определить таблицу
<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>
(сверху/снизу таблицы)
ВНЕШНИЙ ВИД
Жирный
<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>