|
Таблицы являются очень важным элементом HTML. Наряду со своими прямыми назначениями они используются для верстки — точного расположения элементов относительно друг друга. Таблицы в HTML, как и обычные таблицы, состоят из строк, столбцов и ячеек, поясним напримере, как создается таблица, состоящая из двух строк и двух столбцов.
<TABLE BORDER=3>
<TR><TD>1-1</TD><TD>1-2</TD></TR>
<TR><TD>2-1</TD><TD>2-2</TD></TR>
</TABLE>
Сама таблица ограничена тегами <TABLE>...</TABLE>, строки таблицы тегами <TR>...</TR>, а ячейки <TD>...</TD>.
В таблице используется большое количество атрибутов, некоторые из них перечисленны ниже.
Атрибуты таблиц
| Атрибут | Пояснение |
| ALIGN | Задает выравнивание, допустимые значения: LEFT — по левому краю, RIGHT — по правому краю, CENTER — по центру. Задание этого атрибута в теге <TABLE> приводит к выравниванию таблицы относительно окна браузера, а в тегах <TR> или <TD> отражается на содержимом ячеек таблицы. Значение атрибута, заданное в теге <TD>, имеет приоритет над значением ,заданом в теге <TR> |
| BGCOLOR | В тегах <TABLE>, <TD>, <TR> задает цвет фона. |
| BORDER | Задает в теге <TABLE> толщину рамки таблицы. Если установить равным нулю, то границы ячеек таблицы становятся невидимыми, что используется при верстке Web-страниц. |
| CELLPADDING | Атрибут тега <TABLE>, задает растояние между границами и содержимым ячеек в пикселах. |
| CELLSPACING | Атрибут тега <TABLE>, значение этого атрибута расстояние между ячейками таблицы в пикселах. |
| COLSPAN | Атрибут тега <TD>, значение атрибута определяет, сколько столбцов таблицы будет занимать данная ячейка. |
| HEIGHT | Атрибут тега <TABLE>. Высота таблицы, может задаваться как в пикселах, так и в процентах от высоты окна браузера. |
| NOWRAP | Атрибут тега <TD>, предовращает перенос текста на следующую строку. |
| ROWSPAN | Атрибут тега <TD>. Значение атрибута определяет, сколько строк таблицы будет занимать ланная ячейка. |
| VALIGN | В тегах <TD> и <TR> задает вертикальное выравнивание. Допустимые значения: top — по верхней границе, middle — по центру, bottom — по нижней границе. По умолчанию используется значение middle. |
| WIDTH | Ширина таблицы, может задаваться как в пикселах, так и в процентах от ширины окна браузера. |
В ячейки таблицы можно помещать любые допустимые конеструкции HTML, включая изображения и таблицы.
by ktima
|
