Главная - Справочник по HTML - Тег "TABLE"

Поддержка браузерами:

Параметры тега:

Тег <TABLE> создает таблицу. Все прочие элементы таблицы должны быть вложенными в него. Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица.

Внутри <TABLE> допустимо использовать следующие элементы: <CAPTION> , <COL> , <COLGROUP> , <TBODY> , <TD> , <TFOOT> , <TH> , <THEAD> и <TR> .

Пример:

<table>
...
</table>

Параметры тега <TABLE>

background

Определяет изображение, которое будет использоваться в качестве фонового рисунка таблицы. В отличие от обычных изображений, для фона не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше ширины или высоты таблицы, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. По этой причине на месте стыка фоновых картинок могут возникнуть видимые перепады, заметные для посетителей сайта. При выборе фонового рисунка убедитесь, что обеспечен достаточный контраст между ним и содержимым таблицы. В качестве фона допускается использовать анимированные изображения в формате GIF.

Пример:

<table background="URL">...</table>

bgcolor

Устанавливает цвет фона таблицы. Можно использовать этот параметр совместно с background. Значение цвета можно задавать двумя способами:

1. По его названию
2. По шестнадцатеричному значению

Пример:

<table bgcolor="#333333">...</table>

align

При помощи этого параметра можно установить выравнивание таблицы относительно документа. В качестве зарезервированных имен используются следующие:

left
Выравнивание таблицы по левому краю.

right
Выравнивание таблицы по правому краю.

center
Выравнивание таблицы по центру.

Пример:

<table align="right">...</table>

border

Устанавливает толщину рамки в пикселах. По умолчанию рамка изображается трехмерной, но если используется параметр bordercolor тега <TABLE> , то вид рамки меняется в зависимости от браузера. Когда в теге <TABLE> используется параметр border без аргументов ( <table border> ), то браузер отображает рамку толщиной один пиксел.

Пример:

<table border="3">...</table>

bordercolor

Устанавливает цвет рамки таблицы. Рамка обычно рисуется как трехмерная, добавление параметров bordercolor и border к тегу <TABLE> создают однотонную линию. Значение цвета можно задавать двумя способами:

1. По его названию
2. По шестнадцатеричному значению

Пример:

<table bordercolor="red">...</table>

title

Добавляет к таблице всплывающую подсказку, которая появляется при наведениии курсора мыши. Текст подсказки должен заключаться в двойные или одинарные кавычки.

Пример:

<table title="подсказка">...</table>

cellpadding

Определяет расстояние между границей ячейки и ее содержимым. Этот параметр добавляет пустое пространство к ячейке, увеличивая тем самым ее размеры. Без cellpadding текст в таблице «налипает» на рамку, снижая тем самым его восприятие. Добавление же cellpadding позволяет улучшить читабельность текста. При отсутствии границ особого значения этот параметр не имеет, но может помочь, когда требуется установить пустой промежуток между ячейками. Значения указываются в пикселах или процентах от доступного пространства.

Пример:

<table cellpadding="10">...</table>

cellspacing

Задает расстояние между внешними границами ячеек. Если установлен параметр border , толщина границы принимается в расчет.

Пример:

<table cellspacing="10">...</table>

cols

Параметр cols задает количество столбцов в таблице, помогая браузеру в подготовке к ее отображению. Без этого параметра таблица будет показана только после того, как все содержимое таблицы будет загружено в браузер и проанализировано. Использование параметра cols позволяет несколько ускорить отображение содержимого таблицы.

Пример:

<table cols="4">...</table>

frame

Сообщает браузеру, где отображать границы вокруг таблицы. Толщина границы указывается с помощью параметра border. В качестве зарезервированных имен используются следующие:

border
Граница вокруг таблицы.

void
Не отрисовывает границы вообще.

above
Граница сверху таблицы.

below
Граница снизу таблицы.

vsides
Только вертикальные границы (слева и справа).

hsides
Только горизонтальные границы (сверху и снизу).

rhs
Граница справа от таблицы.

lhs
Граница слева от таблицы.

Пример:

<table frame="below">...</table>

height

Устанавливает высоту таблицы. В спецификации HTML 4 этого параметра нет, однако браузеры в большинстве случаев понимают его, если не задан DOCTYPE . В том случае, когда в документе задан строгий DOCTYPE , браузеры высоту таблицы, заданную через параметр height , игнорируют. Значение указывается в пикселах или процентах от доступного пространства.

Пример:

<table height="70%">...</table>

width

Задает ширину таблицы. Если общая ширина содержимого превышает указанную ширину таблицы, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в таблице находятся изображения, параметр width будет проигнорирован, и новая ширина таблицы будет вычислена на основе ее содержимого. Значение указывается в пикселах или процентах от доступного пространства.

Пример:

<table width="300">...</table>

rules

Сообщает браузеру, где отображать границы между ячейками. Толщина границы и ее цвет указывается с помощью параметров border и bordercolor . По умолчанию рамка рисуется вокруг каждой ячейки, образуя тем самым сетку. В качестве зарезервированных имен используются следующие:

all
Линия отображается вокруг каждой ячейки таблицы.

none
Не отображабтся границы вообще.

cols
Линия отображается между колонками.

rows
Линия отображается между строками таблицы.

groups
Линия отображается между группами, которые образуются тегами <THEAD> , <TFOOT> , <TBODY> , <COLGROUP> или <COL>.

Пример:

<table rules="cols">...</table>

по алфавиту  /  по категориям  / скачать "Справочник по HTML"