Если вам пояснение к таблице, используйте элемент caption, его следует располагать перед первым элементом tr.
| Отчет по продажам
|
| Год
| Продажи
|
|
| $18M
|
|
| $25M
|
Код:
<table border="3" cellpadding="10" width="80%"><caption>Отчет по продажам</caption><tr align="center"> <th>Год</th><th>Продажи</th></tr><tr align="center"><td>2000</td><td>$18M</td></tr><tr align="center"><td>2001</td><td>$25M</td></tr></table> Здесь в атрибут caption добавлено align="bottom":
| Год
| Продажи
|
|
| $18M
|
|
| $25M
|
| Отчет по продажам
|
В HTML цвета определяются цифрами в шестнадцатиричном коде. Цветовая система базируется на трех основных цветах - красном, зеленом и синем. Для каждого цвета задается значение от 00 до FF. Затем эти значения объединяются в одно число, перед которым ставится символ #. Данная таблица демонстрирует различные цвета и их шестнадцатиричный код.
| FFF FFF
| CCC CCC
| 999 999
| 666 666
| 333 333
| 000 000
| FFC C00
| FF9 900
| FF6 600
| FF3 300
|
|
| 99C C00
|
| CC9 900
| FFC C33
| FFC C66
| FF9 966
| FF6 633
| CC3 300
|
| CC0 033
|
| CCF F00
| CCF F33
| 333 300
| 666 600
| 999 900
| CCC C00
| FFF F00
| CC9 933
| CC6 633
| 330 000
| 660 000
| 990 000
| CC0 000
| FF0 000
| FF3 366
| FF0 033
|
| 99F F00
| CCF F66
| 99C C33
| 666 633
| 999 933
| CCC C33
| FFF F33
| 996 600
| 993 300
| 663 333
| 993 333
| CC3 333
| FF3 333
| CC3 366
| FF6 699
| FF0 066
|
| 66F F00
| 99F F66
| 66C C33
| 669 900
| 999 966
| CCC C66
| FFF F66
| 996 633
| 663 300
| 996 666
| CC6 666
| FF6 666
| 990 033
| CC3 399
| FF6 6CC
| FF0 099
|
| 33F F00
| 66F F33
| 339 900
| 66C C00
| 99F F33
| CCC C99
| FFF F99
| CC9 966
| CC6 600
| CC9 999
| FF9 999
| FF3 399
| CC0 066
| 990 066
| FF3 3CC
| FF0 0CC
|
| 00C C00
| 33C C00
| 336 600
| 669 933
| 99C C66
| CCF F99
| FFF FCC
| FFC C99
| FF9 933
| FFC CCC
| FF9 9CC
| CC6 699
| 993 366
| 660 033
| CC0 099
| 330 033
|
| 33C C33
| 66C C66
| 00F F00
| 33F F33
| 66F F66
| 99F F99
| CCF FCC
|
| CC9 9CC
| 996 699
| 993 399
| 990 099
| 663 366
| 660 066
|
| 006 600
| 336 633
| 009 900
| 339 933
| 669 966
| 99C C99
|
| FFC CFF
| FF9 9FF
| FF6 6FF
| FF3 3FF
| FF0 0FF
| CC6 6CC
| CC3 3CC
|
| 003 300
| 00C C33
| 006 633
| 339 966
| 66C C99
| 99F FCC
| CCF FFF
| 339 9FF
| 99C CFF
| CCC CFF
| CC9 9FF
| 996 6CC
| 663 399
| 330 066
| 990 0CC
| CC0 0CC
|
| 00F F33
| 33F F66
| 009 933
| 00C C66
| 33F F99
| 99F FFF
| 99C CCC
| 006 6CC
| 669 9CC
| 999 9FF
| 999 9CC
| 993 3FF
| 660 0CC
| 660 099
| CC3 3FF
| CC0 0FF
|
| 00F F66
| 66F F99
| 33C C66
| 009 966
| 66F FFF
| 66C CCC
| 669 999
| 003 366
| 336 699
| 666 6FF
| 666 6CC
| 666 699
| 330 099
| 993 3CC
| CC6 6FF
| 990 0FF
|
| 00F F99
| 66F FCC
| 33C C99
| 33F FFF
| 33C CCC
| 339 999
| 336 666
| 006 699
| 003 399
| 333 3FF
| 333 3CC
| 333 399
| 333 366
| 663 3CC
| 996 6FF
| 660 0FF
|
| 00F FCC
| 33F FCC
| 00F FFF
| 00C CCC
| 009 999
| 006 666
| 003 333
| 339 9CC
| 336 6CC
| 000 0FF
| 000 0CC
| 000 099
| 000 066
| 000 033
| 663 3FF
| 330 0FF
|
| 00C C99
|
| 009 9CC
| 33C CFF
| 66C CFF
| 669 9FF
| 336 6FF
| 003 3CC
|
| 330 0CC
|
|
| 00C CFF
| 009 9FF
| 006 6FF
| 003 3FF
|
|
Для простоты в HTML определены 16 стандартных цветов,
которые вместе с их шестнадцатиричными кодами приведены ниже.
| black = "#000000"
|
| green = "#008000"
|
|
| silver = "#C0C0C0"
|
| lime = "#00FF00"
|
|
| gray = "#808080"
|
| olive = "#808000"
|
|
| white = "#FFFFFF"
|
| yellow = "#FFFF00"
|
|
| maroon = "#800000"
|
| navy = "#000080"
|
|
| red = "#FF0000"
|
| blue = "#0000FF"
|
|
| purple = "#800080"
|
| teal = "#008080"
|
|
| fuchsia = "#FF00FF"
|
| aqua = "#00FFFF"
|
| Тип документа
| <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>
|
|
| Подчеркнутый
| <U></U>
| (часто не поддерживается)
|
| Перечеркнутый
| <STRIKE></STRIKE>
| (часто не поддерживается)
|
| Перечеркнутый
| <S></S>
| (часто не поддерживается)
|
| Верхний индекс
| <SUB></SUB>
|
|
| Нижний индекс
| <SUP></SUP>
|
|
| Печатная машинка
| <TT></TT>
| (изображается как шрифт фиксированой ширины)
|
| Форматированый
| <PRE></PRE>
| (сохранить формат текста как есть)
|
| Ширина
| <PRE WIDTH=?></PRE>
| (в символах)
|
| Центрировать
| <CENTER></CENTER>>
| (как текст, так и графика)
|
| Мигающий
| <BLINK></BLINK>
| (наиболее осмеянный элемент)
|
| Размер шрифта
| <FONT SIZE=?></FONT>
| (от 1 до 7)
|
| Изменить размер шрифта
| <FONT SIZE="+|-?"></FONT>
|
|
| Базовый размер шрифта
| <BASEFONT SIZE=?>
| (от 1 до 7; по умолчанию 3)
|
| Цвет шрифта
| <FONT COLOR="#$$$$$$"></FONT>
|
|
| Выбор шрифта
| <FONT FACE="***"></FONT>
|
|
| Многоколоночный текст
| <MULTICOL COLS=?></MULTICOL>
|
|
| Пробел между колонками
| <MULTICOL GUTTER=?></MULTICOL>
| (по умолчанию 10 точек)
|
| Ширина колонки
| <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>
|
|
| Отношение
| <A REL="***"></A>
| (часто не поддерживается)
|
| Обратное отношение
| <A REV="***"></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" 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=?>
| (в точках)
|
| Заменитель в низком разрешении
| <IMG SRC="URL" LOWSRC="URL">
|
|
| Обновить
| <META HTTP-EQUIV="Refresh" CONTENT="?; URL=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>
|
|
| Тип метки
| <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)
|
| <
| <
|
|
| >
| >
|
|
| &
| &
|
|
| "
| "
|
|
| Торговая марка ТМ
| ®
|
|
| Copyright
| ©
|
|
| Неразделяющий пробел
|
|
|
Формы
| Определить форму
| <FORM ACTION="URL" METHOD=GET|POST></FORM>
|
|
| Посылка файла
| <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>
|
|
| Разбивка на строки
| <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=?>
|
|
| Желаемая ширина
| <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>
| (для просмотрщиков не поддерживающих фреймы)
|
Язык 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">
| (должно быть в заголовке)
|
| Имя базового окна
| <BASE TARGET="***">
| (должно быть в заголовке)
|
| Отношение
| <LINK REV="***" REL="***" HREF="URL">
| (должно быть в заголовке)
|
| Метаинформация
| <META>
| (должно быть в заголовке)
|
| Стили
| <STYLE></STYLE>
| (часто не поддерживается)
|
| Программа
| <SCRIPT></SCRIPT>
| (часто не поддерживается)
|
Археология
Биология
Генетика
География
Информатика
История
Логика
Маркетинг
Математика
Менеджмент
Механика
Педагогика
Религия
Социология
Технологии
Физика
Философия
Финансы
Химия
Экология
