Мы поможем в написании ваших работ!
ЗНАЕТЕ ЛИ ВЫ?
|
Как сделать пояснение к таблице
Если вам пояснение к таблице, используйте элемент 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>
| (часто не поддерживается)
|
|
Археология
Биология
Генетика
География
Информатика
История
Логика
Маркетинг
Математика
Менеджмент
Механика
Педагогика
Религия
Социология
Технологии
Физика
Философия
Финансы
Химия
Экология
