Доклад: Описание язка html
HTML
Таговая модель документа:
"элемент" := <"имя элемента" "список атрибутов"> содержание элемента </"имя элемента">Структура документа
Элемент HTML или гипертекстовый документ состоит из двух частей:- заголовка документа (HEAD)
- тела документа (BODY)
Элементы заголовка
<TITLE> | поля документа |
<BASE> | базовый адрес |
<ISINDEX> | поисковый документ |
<LINK> | общая гипертекстовая ссылка |
<META> |
Основные классы элементов тела
Тело документа состоит из:- Иерархических контейнеров и заставок
- Заглавий (от H1 до H6)
- Блоков (параграфы, списки, формы, таблицы, картинки и т. п.)
- Горизонтальных отчеркиваний и адресов
- Текста, разбитого на области действия стилей (подчеркивание, выделение, курсив), математические описания, графику и гипертекстовые ссылки
Элементы стиля
Элемент | Значение | Примечание |
| <I>.....</I> | Курсив | (Italic) |
| <B>...</B> | Усиление | (BOLD) |
| <TT>...</TT> | Телетайп | |
| <U>...</U> | Подчеркивание | |
| <S>...</S> | Перечеркнутый текст | |
| <BIG>...</BIG> | Увеличенный текст | только Arena |
| <SMALL>...</SMALL> | Уменьшенный фонт | только Arena |
| <SUB>...</SUB> | Подстрочные символы | только Arena |
| <SUP>...</SUP> | Надстрочные символы | только Arena |
Информационные элементы
Элемент | Значение | Примечание |
| <EM>...</EM> | Типографское усиление | Часто отображается как Italic |
| <CITE>...</CITE> | Цитирование | Не реализовано в Mosaic |
| <STRONG>...</STRONG> | Усиление | Отображается как BOLD |
| <CODE>...</CODE> | Отображает примеры кода (например, коды программ) | Отображается непропорциональным фонтом |
| <SAMP>...</SAMP> | Последовательность литералов | Не реализован в Mosaic |
| <KBD>...</KBD> | Пример ввода символов с клавиатуры | Используется при разработке руководств |
| <VAR>...</VAR> | Переменная | |
| <DFN>...</DFN> | Определение | только Arena |
| <Q>...</Q> | Текст, заключенный в скобки Вид скобок зависит от атрибута LAN | Реализован только в Arena |
| <LANG>...</LANG> | Определяет язык отображения | только Arena |
| <AU>...</AU> | Автор | только Arena |
| <PERSON>...</PERSON> | Имя персоны Введено для простоты выделения при индексировании документов | Реализован только в Arena |
| <ACRONIM>...</ACRONIM> | Акроним | только Arena |
| <ABBREV>...</ABBREV> | Аббревиатура | только Arena |
| <INS>...<INS> | Вставленный текст | только Arena |
| <DEL>...</DEL> | Удаленный текст | только Arena |
Управление отображением стиля символов текста
Отображение ненумерованного списка
<UL> <LH>Title of WWW programmes (NCSA). <LI> NCSA HTTPD; <LI> NCSA MOSAIC <UL> <LH>Title of WWW programmes (CERN). <LI> CERN HTTPD; <LI> AGORA - email robot; <LI> HTTPD CERN; <LI> WWW Line Browser; <LI> Arena. </UL> <UL> <LH> Title of WWW programmes (Netscape). <LI> Netsite - server; <LI> Netscape Novigator. </UL>Вложенные ненумерованные списки
<UL> <LI>Title of WWW programmes (NCSA). <UL> <LI> NCSA HTTPD; <LI> NCSA MOSAIC </UL> <LI>Title of WWW programmes (CERN). <UL> <LI> CERN HTTPD; <LI> AGORA - email robot; <LI>HTTPD CERN; <LI> WWW Line Browser; <LI> Arena. </UL> <LI> Title of WWW programmes (Netscape). <UL> <LI> Netsite - server; <LI> Netscape Novigator. </UL></UL>Вложенные нумерованные списки
<OL> <HL>Нумерованный список <LI>Элементы заголовка документа <OL> <LI>TITLE <LI>BASE <LI>LINK </OL> <LI>Элементы тела документа <OL> <LI>BODY <LI>Heading <LI>Paragraph <LI>Line Break <LI>Horizontal Rule <LI>... </OL> </OL>Пример списка определений
<A HREF="http://polyn.net.kiae.su/index.html"> Индекс базы данных "Полынь"</A> <A NAME="point"> <A HREF="http://polyn.net.kiae.su/index.html#point"> Ссылка на точку "point" в документе "index.html"</A> <img SRC="http://polyn.net.kiae.su/gif/sarclast.gif" ALT="Sarcofagus.Winter, 1997"> <A HREF="doc.html"><img SRC="icon.gif" ALIGN=MIDDLE></A>Таблицы
<TABLE BORDER> <CAPTION>A test table with merged cells. <CREDIT> (T.Berners Lee/WWWC,1995.)</CREDIT> </CAPTION> <TR><TH ROWSPAN=2><TH COLSPAN=2>Average> <TH rowspan=2>other<BR>category<TH ROWSPAN=2>Misc</TR> <TR><TH>height<TH>weght</TR> <TR><TH>males<TD>1.9<TD>0.003 <TR><TH>females<TD>1.7<TD>0.002 </TABLE> Пример таблицы Пример таблицы построенной в текстовом редактореФормы
Элемент | Назначение |
| INPUT | поля ввода информации имеют множество типов |
| TEXTAREA | поле ввода многострочного текста |
| SELECT | описание меню |
| OPTION | описание элемента меню |
БАЗИСНЫЕ ЭЛЕМЕНТЫ
Тип документа<HTML></HTML>(начало и конец файла) Имя документа<TITLE></TITLE>(должно быть в заголовке) Заголовок<HEAD></HEAD>(описание документа, например его имя) Тело<BODY></BODY>(содержимое страницы)ОПРЕДЕЛЕНИЕ СТРУКТУРЫ
Заглавие<H?></H?>(стандарт определяет 6 уровней) с выравниванием<H?CENTERRIGHT></H?> Секция<DIV></DIV> с выравниванием<DIVRIGHTCENTER></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 verticalblock> N3.0bВеличина пустого блока<SPACER SIZE=?> N3.0bРазмеры пустого блока<SPACER WIDTH=? HEIGHT=?> N3.0bВыравнивание<SPACERrightcenter>ССЫЛКИ И ГРАФИКА
Ссылка<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=TOPBOTTOMMIDDLELEFTRIGHT> N1.0Выравнивание<IMG SRC="URL" ALIGN=TEXTTOPABSMIDDLEBASELINEABSBOTTOM> Альтернатива<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>(закрывать элемент часто не обязательно) Выравнивание<PCENTERRIGHT></P> Новая строка<BR>(одиночный перевод строки) Убрать выравнивание<BR CLEAR=LEFTRIGHTALL> Горизонтальный разделитель<HR> Выравнивание<HRRIGHTCENTER> Толщина<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=DISCCIRCLESQUARE>(для всего списка) <LI TYPE=DISCCIRCLESQUARE>(этот и последующие) Нумерованый<OL><LI></OL>(<LI> перед каждым элементом) Компактный<OL COMPACT></OL> Тип нумерации<OL TYPE=AaIi1>(для всего списка) <LI TYPE=AaIi1>(этот и следующие) Первый номер<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 ВACKGROUND="URL"> |