Тег <TABLE>
| Параметры |
background bgcolor align
cellpadding bordercolor title
border cellspacing frame
cols height width rules
|
Закрывающий тег |
| обязательно |
Тег <TABLE> создает таблицу. Все прочие элементы таблицы должны быть вложенными в него. Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица.
Внутри <TABLE> допустимо использовать следующие элементы: <CAPTION> , <COL> , <COLGROUP> , <TBODY> , <TD> , <TFOOT> , <TH> , <THEAD> и <TR> .
<table> |
Параметры тега <TABLE>
background
Определяет изображение, которое будет использоваться в качестве фонового рисунка таблицы. В отличие от обычных изображений, для фона не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше ширины или высоты таблицы, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. По этой причине на месте стыка фоновых картинок могут возникнуть видимые перепады, заметные для посетителей сайта. При выборе фонового рисунка убедитесь, что обеспечен достаточный контраст между ним и содержимым таблицы. В качестве фона допускается использовать анимированные изображения в формате GIF.
<table background="URL">...</table>
bgcolor
Устанавливает цвет фона таблицы. Можно использовать этот параметр совместно с background. Значение цвета можно задавать двумя способами:
1. По его названию
2. По шестнадцатеричному значению
<table bgcolor="#333333">...</table>
align
При помощи этого параметра можно установить выравнивание таблицы относительно документа. В качестве зарезервированных имен используются следующие:
<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. В качестве зарезервированных имен используются следующие:
<table frame="below">...</table>
height
Устанавливает высоту таблицы. В спецификации HTML 4 этого параметра нет, однако браузеры в большинстве случаев понимают его, если не задан DOCTYPE . В том случае, когда в документе задан строгий DOCTYPE , браузеры высоту таблицы, заданную через параметр height , игнорируют. Значение указывается в пикселах или процентах от доступного пространства.
<table height="70%">...</table>
width
Задает ширину таблицы. Если общая ширина содержимого превышает указанную ширину таблицы, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в таблице находятся изображения, параметр width будет проигнорирован, и новая ширина таблицы будет вычислена на основе ее содержимого. Значение указывается в пикселах или процентах от доступного пространства.
<table width="300">...</table>
rules
Сообщает браузеру, где отображать границы между ячейками. Толщина границы и ее цвет указывается с помощью параметров border и bordercolor . По умолчанию рамка рисуется вокруг каждой ячейки, образуя тем самым сетку. В качестве зарезервированных имен используются следующие:
<table rules="cols">...</table>