БАЗИСНЫЕ ЭЛЕМЕНТЫ
|
Название
| Описание
| Примечания
|
Тип документа
| <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>
| (для листингов кода)
|
|
|
|
Определение
| <DFN></DFN>
| (часто не поддерживается)
|
Адрес автора
| <ADDRESS></ADDRESS>
|
|
Большой шрифт
| <BIG></BIG>
|
|
Маленький шрифт
| <SMALL></SMALL>
|
|
ВНЕШНИЙ ВИД
|
Жирный
| <B></B>
|
|
Курсив
| <I></I>
|
|
Подчеркнутый
| <U></U>
|
|
Перечеркнутый
| <STRIKE></STRIKE>
|
|
Перечеркнутый
| <S></S>
|
|
Верхний индекс
| <SUB></SUB>
|
|
Нижний индекс
| <SUP></SUP>
|
|
Печатная машинка
| <TT></TT>
|
|
Форматированый
| <PRE></PRE>
|
|
Ширина
| <PRE WIDTH=?></PRE>
|
|
Центрировать
| <CENTER></CENTER> >
|
|
Мигающий
| <BLINK></BLINK>
|
|
Размер шрифта
| <FONT SIZE=?></FONT>
|
|
Изменить размер шрифта
| <FONT SIZE="+|-?"></FONT>
|
|
Базовый размер шрифта
| <BASEFONT SIZE=?>
|
|
Цвет шрифта
| <FONT COLOR="#$$$$$$"></FONT>
|
|
Выбор шрифта
| <FONT FACE="***"></FONT>
|
|
Многоколоночный текст
| <MULTICOL COLS=?></MULTICOL>
|
|
Пробел между колонками
| <MULTICOL GUTTER=?></MULTICOL>
|
|
Ширина колонки
| <MULTICOL WIDTH=?></MULTICOL>
|
|
Пустой блок
| <SPACER>
|
|
Тип пустого блока
| <SPACER TYPE=horizontal| vertical|block>
|
|
Величина пустого блока
| <SPACER SIZE=?>
|
|
Размеры пустого блока
| <SPACER WIDTH=? HEIGHT=?>
|
|
Выравнивание
| <SPACER ALIGN=left|right|center>
|
|
ССЫЛКИ И ГРАФИКА
|
Ссылка
| <A HREF="URL"></A>
|
|
Ссылка на закладку
| <A HREF="URL#***"></A>
| (в другом документе)
|
| <A HREF="#***"></A>
| (в том же документе)
|
На другое окно
| <A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A>
|
|
Определить закладку
| <A NAME="***"></A>
|
|
Графика
| <IMG SRC="URL">
|
|
Выравнивание
| <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
|
|
Выравнивание
| <IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM>
|
|
Альтернатива
| <IMG SRC="URL" ALT="***">
| (выводится если картинка не изображается)
|
Локальная карта
| <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=?>
| (в точках)
|
|
|
|
Заменитель в низком разрешении
| <IMG SRC="URL" LOWSRC="URL">
|
|
Включить объект
| <EMBED SRC="URL">
| (вставить объект в страницу)
|
Размер объекта
| <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=?>
| (в точках)
|
Ширина в процентах
| <HR WIDTH="%">
| (в процентах от ширины страницы)
|
Сплошная линия
| <HR NOSHADE>
| (без трехмерных эффектов)
|
Нет разбивки
| <NOBR></NOBR>
| (запрещает перевод строки)
|
Перенос
| <WBR>
| (где разбивать строку для переноса при необходимости)
|
СПИСКИ
|
Неупорядоченный
| <UL><LI></UL>
| (<LI> перед каждым элементом)
|
Компактный
| <UL COMPACT></UL>
|
|
Нумерованный
| <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="#$$$$$$">
|
|
ТАБЛИЦЫ
|
Определить таблицу
| <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=?>
|
|
Желаемая ширина
| <TD WIDTH=?>
| (в точках)
|
Ширина в процентах
| <TD WIDTH="%">
| (проценты от ширины страницы)
|
Цвет ячейки
| <TD BGCOLOR="#$$$$$$">
|
|
Заголовок таблицы
| <TH></TH>
|
|
Выравнивание
| <TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>
|
|
Без перевода строки
| <TH NOWRAP>
|
|
Растягивание по колонке
| <TH COLSPAN=?>
|
|
Растягивание по строке
| <TH ROWSPAN=?>
|
|
Желаемая ширина
| <TH WIDTH=?>
| (в точках)
|
Ширина в процентах
| <TH WIDTH="%">
| (проценты ширины таблицы)
|
Цвет ячейки
| <TH BGCOLOR="#$$$$$$">
|
|
Заглавие таблицы
| <CAPTION></CAPTION>
|
|
Выравнивание
| <CAPTION ALIGN=TOP|BOTTOM>
| (сверху/снизу таблицы)
|
ФРЕЙМЫ
|
Документ с фреймами
| <FRAMESET></FRAMESET>
| (вместо <BODY>)
|
Высота строк
| <FRAMESET ROWS=,,,></FRAMESET>
| (точки или %)
|
Высота строк
| <FRAMESET ROWS=*></FRAMESET>
| (* = относительный размер)
|
Ширина колонок
| <FRAMESET COLS=,,,></FRAMESET>
| (точки или %)
|
Ширина колонок
| <FRAMESET COLS=*></FRAMESET>
| (* = относительный размер)
|
Ширина окантовки
| <FRAMESET BORDER=?>
|
|
Окантовка
| <FRAMESET FRAMEBORDER="yes|no">
|
|
Цвет окантовки
| <FRAMESET BORDERCOLOR="#$$$$$$">
|
|
Определить фрейм
| <FRAME>
| (содержание отдельного фрейма)
|
Документ
| <FRAME SRC="URL">
|
|
Имя фрейма
| <FRAME NAME="***"|_blank|_self| _parent|_top>
|
|
Ширина границы
| <FRAME MARGINWIDTH=?>
| (правая и левая границы)
|
Высота границы
| <FRAME MARGINHEIGHT=?>
| (верхняя и нижняя границы)
|
Скроллинг?
| <FRAME SCROLLING="YES|NO|AUTO">
|
|
Постоянный размер
| <FRAME NORESIZE>
|
|
Окантовка
| <FRAME FRAMEBORDER="yes|no">
|
|
Цвет окантовки
| <FRAME BORDERCOLOR="#$$$$$$">
|
|
Содержание без фреймов
| <NOFRAMES></NOFRAMES>
| (для просмотрщиков не поддерживающих фреймы)
|
РАЗНОЕ
|
Комментарий
| <!-- *** -->
| (игнорируется просмотрщиком)
|
Метаинформация
| <META>
| (должно быть в заголовке)
|
Стили
| <STYLE></STYLE>
| (часто не поддерживается)
|
Программа
| <SCRIPT></SCRIPT>
| (часто не поддерживается)
|
Лекция 8. Фреймы, слои, каскадные таблицы стилей