Тема |
Таблицы используются не только для вставки самих таблиц, но и для более качественного размещения элементов в документе.
Рамка таблицы не обязательна.
Например, с помощью таблицы можно регулировать отступы текста справа и слева, расстояние между рисунком и текстом.
Разрезанные изображения собираются с помощью таблиц обратно, но при этом каждый кусочек уже может быть самостоятельной ссылкой без использования карт изображений.
Можно использовать таблицу из одной строки и одного столбца для задания рамки вокруг текста.
Для работы с таблицами используются три уровня контейнеров. Внешний- TABLE (сама таблица), затем- TR (строка), самый вложенный- TD (столбцы).
Количество столбцов в строках должно быть одинаковым, в противном случае браузер отображает таблицу на своё усмотрение.
1 | 2 | 3 |
4 | 5 | 6 |
7 | 8 | 9 |
Для выравнивания таблицы по центру используется контейнер CENTER, внутри которого располагается сама таблица.
1 | 2 | 3 |
4 | 5 | 6 |
7 | 8 | 9 |
По умолчанию, ширина таблицы принимает минимальное значение для размещения в строку её элементов.
Для задания ширины и высоты таблицы используются параметры WIDTH и HEIGHT. Ширина и высота могут задаваться в пикселах и процентах от размера рабочей области браузера.
Задание размеров в процентах несколько решает перенос от одного разрешения экрана к другому.
Пример (WIDTH=50%)
1 | 2 | 3 |
4 | 5 | 6 |
7 | 8 | 9 |
Также можно устанавливать размеры ячеек. При этом изменение размера всей строки. Если в указанный размер не вмещается текст или рисунок, браузер увеличивает его до необходимого.
Параметр BORDER задаёт размер рамки вокруг и внутри таблицы. Установка этого значения в 0 приводит к исчезанию рамки.
Пример (BORDER=0)
1 | 2 | 3 |
4 | 5 | 6 |
7 | 8 | 9 |
Выравнивание, установленное в TABLE (таблица), распространяется на все ячейки таблицы.
Выравнивание, установленное в TR (строка), распространяется на все ячейки строки.
Выравнивание в TD (ячейке) распространяется только на эту ячейку.
Для выравнивания содержимого таблицы по горизонтали используется параметр ALIGN ячейки (TD), строки (TR), таблицы (TABLE). Значения параметра ALIGN :
Для выравнивание содержимого таблицы по вертикали используется параметр VALIGN ячейки (TD), строки (TR), таблицы (TABLE). Значения параметра VALIGN :
Пример
фрагмент, пропущена средняя строка иллюстрации
влево, вверх | центр, верх | вправо, вверх |
влево, центр | центр, центр | вправо, центр |
влево, вниз | центр, вниз | вправо, вниз |
Параметр CELLPADDING определяет в ячейке расстояние от рамки до данных (текста или изображения).
Параметр CELLSPACING определяет расстояние между столбцами таблицы (ширина рамки между ячейками).
Установка этих параметров в 0 делает возможным формирование целого изображения из кусочков.
Пример (CELLPADDING=20)
расстояние от рамки до данных (текста или изображения) 20 пикселов
1 | 2 | 3 |
4 | 5 | 6 |
7 | 8 | 9 |
Пример (CELLSPACING=20)
расстояние между столбцами таблицы (ширина рамки между ячейками) 20 пикселов
1 | 2 | 3 |
4 | 5 | 6 |
7 | 8 | 9 |
Для объединения ячеек в одной строке используется параметр COLSPAN.
Для объединения ячеек в столбце используется параметр ROWSPAN.
COLSPAN и ROWSPAN- это параметры контейнера TD.
Значение параметра COLSPAN определяет сколько столбцов охватывает ячейка, ROWSPAN определяет, сколько строк охватывает ячейка.
Пример
1 | 3 | |
4 | 5 | 6 |
8 | 9 |
Те ячейки, которые "перекрываются" объединением, не описываются. Ячейка с параметром объединения 2 считается браузером за 2 ячейки.
Пустые ячейки, т.е. не имеющие никакого содержания, удаляются. Результат отображается браузером на его усмотрение.
Чтобы ячейка что-то содержала, но это содержание не отображалось бы на экране, используется символ "неразрывного пробела". Обычный символ пробела использовать бессмысленно, т.к. все пробелы игнорируются браузером.
Неразрывный пробел выглядит как: (амперсанд- nbsp- точка с заятой). Пробелы не допускаются.
Неразрывный пробел- это пробел, который, оставляя промежуток между словами, не является признаком, по которому разделённые слова могут переносится на следующую строку.
При отображении текста на экране браузер считает активной опцию Word Wrap, которая назначает перенос на следующую строку слова, которое не помещается в ширину экрана. Т.е. строка длиной 1000 символов на экране смотрится как абзац, хотя явного переноса слов (перевода строки) в ней нет. При изменении ширины окна меняется вид этой строки в браузере.
Символами, который воспринимается в качестве разделителя, служат символ разрыва строки, пробел, символ табуляции.
Слова, между которыми стоит символ неразрывного пробела, воспринимаются как одно, перенос на следующую строку таких слов или не состоится, или же они будут перенесены оба.
Дополнительно, можно устанвливать для таблицы (TABLE), ячейки (TD) параметры цвета текста (TEXT=цвет) и цвета фона (BGCOLOR=цвет)
И Netscape Navigator, и Internet Explorer поддерживают для таблицы (TABLE) параметр фонового рисунка (BACKGROUND="имя файла").
Установку фонового рисунка для ячейки (TD) поддерживает Internet Explorer.
Об установке цветов см. "Установки документа".