TABLE
CAPTION COL COLGROUP TABLE TBODY TD TFOOT TH THEAD TR |
Элемент <TABLE> служит контейнером для элементов, определяющих содержимое таблицы. Каждая таблица состоит из рядов (строк) и ячеек. В каждый контейнер строки <TR> помещается один или несколько контейнеров ячеек <TD> с возможностью задания индивидуальных параметров и стилей отображения.
Очень долго для создания сайтов использовалась так называемая "табличная верстка", где в основе сайта находилась таблица с прозрачными границами, и для каждой ячейки был отведен соответствующий контент. Сейчас, все чаще используется более современный метод верстки - "верстка слоями", но табличная верстка остается по-прежнему актуальной.
|
Ячейка 1, Ряд 1 | Ячейка 2, Ряд 1 |
Ячейка 1, Ряд 2 |
Параметры:
Параметр ALIGN
Задает выравнивание таблицы.<table align="center">
Параметр BACKGROUND
Определяет фоновый рисунок для таблицы, который будет взят из графического файла по указанному пути. Размеры фонового рисунке невозможно изменить, он всегда отображается в натуральную величину.Если рисунок по размеру меньше ширины или высоты таблицы, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. По этой причине на месте стыка фоновых картинок могут возникнуть видимые перепады, заметные для посетителей сайта. Этот недостаток можно устранить, используя стили CSS. Аналогичным параметром в CSS, для создания фона таблицы, является параметр background-image.
<table background="URL">...</table>
Параметр BGCOLOR
Устанавливает цвет фона таблицы. Можно использовать этот параметр совместно с background, подобрав цвет фона близкий к фоновому рисунку. Также для каждой ячейки в таблице можно будет назначить свой цвет фона и фоновый рисунок, который будет накладываться поверх основного. Аналогичным параметром в CSS является background-color.<table bgcolor="цвет">...</table>
Параметр BORDER
Устанавливает толщину рамки в пикселях для данной таблицы. По умолчанию рамка будет отсутствовать, т.е. размер ее будет равен "0".Параметр BORDERCOLOR
Устанавливает цвет рамки в таблице. Данный параметр поддерживается не всеми браузерами, поэтому для этих целей рекомендуется использовать аналогичный параметр в CSS - border-color.<table bordercolor="цвет">...</table>
<table style="border-color: 'цвет';">...</table>
Параметр CELLPADDING
Определяет расстояние между границей ячейки и ее содержимым. Этот параметр добавляет пустое пространство к ячейке, увеличивая тем самым ее размеры. Без cellpadding текст в таблице «налипает» на рамку, снижая тем самым его восприятие. Добавление же cellpadding позволяет улучшить читабельность текста. При отсутствии границ особого значения этот параметр не имеет, но может помочь, когда требуется установить пустой промежуток между ячейками.<table cellpadding="значение">...</table>
Параметр CELLSPACING
Задает расстояние между внешними границами ячеек. Если установлен параметр border, толщина границы принимается в расчет.<table cellspacing="значение">...</table>
Параметр COLS
Данный параметр помогает ускорить загрузку таблицы, заранее определяя количество создаваемых столбцов.<table cols="число">...</table>
Параметр FRAME
Управляет отображением границ вокруг таблицы. Аналогичный параметр в CSS - border.<table frame="void">