Работа с таблицами

В практике сайтостроения таблицы используют для создания полей, рамок, выравнивания объектов, многоколонной верстки, наложения картинок…

Читальный зал

01. Кодирование таблиц | Вопросы | Практикум

Зачёт 1 (TABLE)

Зачёт 2 (TR)

Зачёт 3 (TD и TH)

02. Дизайн таблицы | Практикум

03. Дизайн на таблицах | Практикум
Проекты

Проект: “Не тегом единым”

Проверка: АРМ “Проверка сайта”
Справочник

Браузер

HTML

XML

CSS

Кодировка

Теги

Специальные символы

Свойства CSS

Единицы измерения

Шрифт

Цвет и фон

Текст

Поля и рамки

Вид

Позиционирование, z-index

Курсор

Ссылки
Справочник Влада Мержевича

Справочник по CSS
Стандарты W3C

Спецификация HTML 4.0 от 18 декабря 1997 года

Спецификация HTML 4.01 от 24 декабря 1999 года

Спецификация CSS2 от от 12 мая 1998 г
Полезные ссылки

Конспект

Структура табличного кода

Схема записи кода таблицы

Атрибуты элемента `TABLE`

Атрибут	Значение	Описание
`align`	`left`, `right`, `center`	Выравнивание таблицы по горизонтали. По умолчанию таблица выравнивается слева без обтекания её другими элементами.
`width`	Число или процент	Ширина таблицы. По умолчанию размер таблицы определяется содержимым и способом форматирования, заданным в ячейках.
`height`	Число или процент	Высота таблицы. По умолчанию размер таблицы определяется содержимым и способом форматирования, заданным в ячейках.
`cellpadding`	Число	Расстояние между содержимым ячейки и её рамкой. По умолчанию значение задаётся браузером, обычно 2.
`cellspacing`	Число	Расстояние между рамками ячеек таблицы. По умолчанию значение задаётся браузером, обычно 1.
`bgcolor`	Цвет	Цвет фона таблицы. По умолчанию фон прозрачный.
`background`	URL файла	Фоновая картинка
`border`	Число	Толщина линий рамки. По умолчанию `border=0`.
`bordercolor`	Цвет	Цвет линий рамки. Если значение `border` отлично от нуля, то табличная рамка отображается с эффектом трёхмерности. Добавление атрибута `bordercolor` обеспечивает плоские рамки заданного атрибутом цвета.

Атрибуты элемента `TR`

Атрибут	Значение	Описание
`align`	`left`, `right`, `center`	Выравнивание содержимого ячеек по горизонтали. По умолчанию содержимое обычных ячеек (`TD`) выравнивается слева, ячеек-заголовков (`TH`) по центру.
`valign`	`top`, `middle`, `bottom`	Выравнивание содержимого ячеек по вертикали. По умолчанию содержимое ячеек выравнивается по центру.
`bgcolor`	Цвет	Цвет фона ячеек в строке. По умолчанию фон ячеек совпадает с фоном таблицы.

Атрибуты элементов `TD` и `TН`

Атрибут	Значение	Описание
`align`	`left`, `right`, `center`	Выравнивание содержимого ячейки по горизонтали. По умолчанию выравнивание определяется аналогичным атрибутом элемента `TR`, который содержит данную ячейку, а если выравнивание в элементе `TR` не задано, то содержимое обычных ячеек (`TD`) выравнивается слева, ячеек-заголовков (`TH`) по центру.
`valign`	`top`, `middle`, `bottom`	Выравнивание содержимого ячейки по вертикали. По умолчанию выравнивание определяется аналогичным атрибутом элемента `TR`, который содержит данную ячейку, а если выравнивание в элементе `TR` не задано, то содержимое ячеек выравнивается по центру.
`width`	Число или процент	Ширина ячейки. Если атрибут не задан, размер определяется по содержимому и заданному способу форматирования.
`height`	Число или процент	Высота ячейки. Если атрибут не задан, размер определяется по содержимому и заданному способу форматирования.
`bgcolor`	Цвет	Цвет фона ячейки. По умолчанию работает аналогичный атрибут в элементе-родителе `TR`, а если он не задан, атрибут в элементе `TABLE`. Если фон не задан и в элементе `TABLE`, фон ячеек прозрачный.
`background`	URL файла	Фоновая картинка для ячейки
`nowrap`		Выключение автоматического перевода строк. Если атрибут не задан, текст форматируется под размеры ячейки.
`colspan`	Число	Ширина составной ячейки в столбцах
`rowspan`	Число	Высота составной ячейки в строках