Работа с таблицей.
Таблицы с невидимой границей используются для верстки Web-страниц, позволяя разделять документ на модульные блоки. Очень популярный инструмент у Web–мастеров, пришел, взамен устаревших фреймов.
Тег <TABLE> контейнер для элементов, определяющих содержимое таблицы. Внутри <TABLE> допустимо использовать следующие элементы: <CAPTION>, <COL>, <COLGROUP>, <TBODY>, <TD>, <TFOOT>, <TH>, <THEAD> и <TR>.
Параметры:
Ø Align - Определяет выравнивание таблицы.
Ø Background - Задает фоновый рисунок в таблице.
Ø Bgcolor - Цвет фона таблицы.
Ø Border - Толщина рамки в пикселях.
Ø Bordercolor - Цвет рамки.
Ø Cellpadding - Отступ от рамки до содержимого ячейки.
Ø Cellspacing - Расстояние между ячейками.
Ø Height - Высота таблицы.
Ø Width - Ширина таблицы.
Тег <TR> служит контейнером для создания строки таблицы.
Параметры:
Ø Align - Определяет выравнивание содержимого ячеек по горизонтали.
Ø Bgcolor - Цвет фона ячеек.
Ø Bordercolor - Цвет рамки.
Ø Valign - Выравнивание содержимого ячеек по вертикали.
Тег <TD> предназначен для создания одной ячейки таблицы.
Параметры:
Ø Align - Определяет выравнивание содержимого ячейки по горизонтали.
Ø Background - Задает фоновый рисунок в ячейке.
Ø Bgcolor - Цвет фона ячейки.
Ø Bordercolor - Цвет рамки.
Ø Colspan - Объединяет горизонтальные ячейки.
<td colspan="2">содержимое ячейки</td> - данной строкой было объединено 2-е горизонтальные ячейки. Выглядеть это будет так:
содержимое ячейки | |
Ø Height - Высота ячейки.
Ø Rowspan - Объединяет вертикальные ячейки.
Ø Valign - Выравнивание содержимого ячейки по вертикали.
· Top - Выравнивание содержимого ячейки по верхнему краю строки.
· Middle - Выравнивание по середине.
· Bottom - Выравнивание по нижнему краю.
· Baseline - Выравнивание по базовой линии, при этом происходит привязка содержимого ячейки к одной линии.
Ø Width - Ширина ячейки.
Пример.
Создадим таблицу шириной 200 px и толщенной рамки 1 px, содержащую две строки и три столбца, в которой объединены ячейки верхней строки. Для отображения в браузере ячеек, не содержащих информацию, используются специальные символы « ». Без использования этих символов, отображение таблицы может быть некорректным.
<table width="200px" border="1px">
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
Дата добавления: 2015-03-11; просмотров: 609;