HTML - статьи

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


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

Последняя версия этого документа находится по адресу .

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

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

  1. ПРЕДИСЛОВИЕ

  4. (включая описание символов и аббревиатур)

  5. СПИСОК ЭЛЕМЕНТОВ HTML
    • (все документы на HTML должны содержать их)
    • (вид задается параметрами программы-просмотрщика)
    • (автор определяет внешний вид текста)



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

      (без трехмерных эффектов)

      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)

      <

      &lt;

      >

      &gt;

      &

      &amp;

      "

      &quot;

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

      &reg;

      Copyright

      &copy;

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

      &nbsp;

      ()

      ФОРМЫ

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

      <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 . Noncommercial redistribution permitted. This Guide is not a product of ; the similarity of names is purely coincidental.

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

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


      Содержание раздела