Создание таблиц в html-документе.
Таблицы представляют собой особую часть HTML-документа. Данные в ней организованы в виде прямоугольной сетки, состоящей из вертикальных столбцов и горизонтальных рядов. Каждая клетка таблицы является ячейкой. Ячейки могут содержать в себе текст, графику или другую таблицу. Таблица состоит из трех основных частей:
название таблицы,
заголовки столбцов,
ячейки.
Таблица заполняется горизонтальными рядами ячейка за ячейкой слева направо. Заполнение начинается с левого верхнего угла и заканчивается правым нижним. Каждая ячейка должна быть заполнена. Для создания пустых ячеек используются пробелы.
Теги оформления таблиц
Тег |
Форма записи |
Примечание |
TABLE |
<TABLE>текст</TABLE> |
Объявление таблиц. |
TR |
<TR>текст</TR> |
Объявление строки. |
TD |
<TD>текст</TD> |
Объявление ячейки в строке. |
Строка состоит из ячеек, таблица состоит из строк. Тег TD всегда должен быть вложен внутрь тега TR, а тег TR должен находиться между открывающимися и закрывающимися тегами таблицы TABLE.
Атрибуты тега <TABLE>
Атрибут |
Форма записи |
Примечание |
BORDER |
<TABLE BORDER=X> |
Задает рамку вокруг таблицы. |
WIDTH |
<TABLE WIDTH=XX%> |
Задает ширину таблицы как ХХ% от ширины страницы или как ХХ пиксель. |
BGCOLOR |
<TABLE BGCOLOR="#RRGGBB"> |
Задает цвет фона таблицы. |
Атрибуты тегов <TD> и <TR>
Атрибут |
Форма записи |
Примечание |
ALIGN |
<TD ALIGN=X> |
Устанавливает выравнивание по горизонтали (Right, Left, Center) |
VALIGN |
<TD VALIGN=X> |
Устанавливает выравнивание по вертикали (Top, Middle, Bottom, Baseline) |
BGCOLOR |
<TD BGCOLOR= "#RRGGBB"> |
Задает цвет фона ячейки. |
Еще один тег для оформления ячеек таблиц — тег <TH>...</TH> — нужен для задания заголовочных ячеек. Он во всем совпадает с тегом <TD>, но в отличие от него, содержимое выдается жирным шрифтом и центрируется.
Если нужно задать заголовок всей таблицы, используйте тег <CAPTION параметры>...</CAPTION>. Он должен быть внутри тега <TABLE>, но вне описания ячеек. Тег имеет один параметр:
ALIGN - указывает положение заголовка: он может быть в верхней (TOP) или нижней (BOTTOM) части таблицы.
Задание №1.
Создайте на языке HTML таблицу следующего вида:
|
||||||||||||||||||||||