Краткое руководство по 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> | (для листингов кода) |
| Определение | <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. Фреймы, слои, каскадные таблицы стилей