Толщину внешней рамки таблицы задает атрибут border="8". Толщина выражается в пикселях. Если сделать толщину бордюра нулевой (Ьог-der="0"), то рамка таблицы будет невидимой. Такие таблицы удобно использовать для разметки Web-страницы. Атрибут cellspacing-'12" задает расстояние от бордюра таблицы (внешней рамки) до границы ячейки. Атрибут cellpadding="40" определяет расстояние от границ ячейки до границ содержимого ячейки, например, текста или рисунка. Другими словами: этот атри бут определяет величину пустого пространства между содержимым ячейки и границами ячейки. Схема отсчета перечисленных расстояний приведена на рисунке.

С помощью атрибута типа width="90%" (или width="200") задается ширина таблицы. Ширину можно задавать в пикселях или в процентах от ширины экрана (ширины страницы, видимой в окне браузера). Таблица может содержать одну строку и два столбца. Код такой конструкции представлен ниже.

Теги задают строки таблицы (в данном случае она одна). Теги задают ячейки (в данном случае их две). Содержимое ячейки записывается между открывающим и закрывающим тегами. Например: <М>Первая колонка<Лб>

Bropafl колонка

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

Заметим, что действие атрибутов, входящих в тег , распространяется на всю таблицу. Атрибуты тега действуют на всю строку. Наконец, атрибуты тега форматируют содержимое отдельной ячейки.

Атрибут bgcolor="#OOffff' задает цвет фона таблицы. Теги , , можно дополнять атрибутами позиционирования по горизонтали align и позиционирования по вертикали valign. Аргументами атрибута align могут быть слова: left (влево), center (по центру), right (вправо). Аргументами атрибута valign могут быть слова: top (вверх), middle (в середину), bottom (вниз).

Ниже приведен HTML-код таблицы, в которой содержимое ячеек выравнивается различными способами по горизонтали и по вертикали.

Таблица может состоять из одной строки и двух столбцов (колонок).

Немецкий язык: Baum Wasser

Русский язык: Дерево Вода

Таблица может состоять из двух строк:

|1. Говорите правду - и вы будете оригинальны.

|2. Машины должны работать. Люди должны думать.

Таблица может состоять из четырех ячеек (матрица 2x2).

Объединяя смежные ячейки из этой таблицы можно получить четыре других вида таблиц.

Ячейка А получена путем объединения ячеек 1 и 2 в таблице 2x2

2

Ячейка В получена путем объединения ячеек 1 и 3 в таблице 2x2.

Ячейка С получена путем объединения ячеек 2 и 4 в таблице 2x2.

Ячейка D получена путем объединения ячеек 3 и 4 в таблице 2x2 Для объединения двух столбцов используются теги вида: D Для объединения двух строк используются теги вида: В

Очевидно, что для увеличения числа объединяемых строк или столбцов аргумент "2" нужно увеличить.

С помощью тегов в верхней строке следующей таблицы выделены фамилии писателей.

С помощью атрибута bgcolor="#OOffff" можно определить цвет фона таблицы.

Атрибуты align-'left" , align-'center" и align-'right" позволяют выровнять таблицу по левому краю, по центру и по правому краю страницы.

Позиционировано влево

Позиционировано по центру

Позиционировано вправо

С помощью атрибута типа width="50%" можно задавать ширину таблицы (в процентах или пикселях).

Ширина таблицы составляет 50% от ширины экрана.

Использован атрибут width ="50%”.

Ширина таблицы составляет 90% от ширины экрана.

Использован атрибут width ="90%".

Действие атрибутов, входящих в тег , распространяется на всю таблицу. Атрибуты тега действуют на всю строку. Наконец, атрибуты тега форматируют содержимое отдельной ячейки.

В приведенной таблице в первой строке использовано выравнивание текста вправо. Во второй строке сделано выравнивание по центру. В каждой ячейке использован свой атрибут установки цвета.

Теги с именами tr, td, th можно дополнять атрибутами позиционирования по горизонтали align и позиционирования по вертикали valign.. Аргументами атрибута align могут быть слова: left (влево), center (по центру), right (вправо). Аргументами атрибута valign могут быть слова: top (вверх), middle (в середину), bottom (вниз).

Таблицы являются эффективным средством разметки страницы.

Невидимые таблицы позволяют размещать в своих ячейках текст и изображение.

Если выбрать толщину бордюра равной нулю, то таблица становится невидимой.

Однако, за счет атрибутов cellspacing и cellpadding можно разделять ячейки свободным пространством. Многие Web-страницы построены с использованием невидимых таблиц.

Краткие итоги

Таблицы позволяют эффективно размечать Web-ст+раницы. Принимая толщину бордюра равной нулю, можно сделать разметку невидимой.

  Посмотреть оригинал

< Пред		СОДЕРЖАНИЕ	ОРИГИНАЛ		След >