головков, которые сообщают читателю значение элементов в отдельной строке или столбце (либо же отношения между ними). На рис. 2.6, например, показана таблица с видимыми границами, заголовками столбцов и заголовком таблицы.

86 Глава 2. HTML-таблицы





В HTML-дескрипторе определения таблицы предусмотрен атрибут border (граница), с помощью которого можно дать Web-браузеру указание отобразить границу вокруг таблицы и вокруг каждой из ее ячеек. Кроме того, с помощью начального и конечного дескрипторов заголовка таблицы () можно задать название (или заголовок) таблицы, а с помощью начального и ко — нечного дескрипторов заголовков столбцов/строк ( ) дать Web-браузеру указание отформатировать содержимое ячейки в виде заголовка:

• border. Атрибут дескриптора, сообщающий Web-браузеру число пикселей — ширину границы, которую браузер должен нарисовать вокруг таблицы и каждой ее ячейки.

• . Дает Web-браузеру указание применить к тексту между начальным и конечным дескрипторами стиль заголовка (большин — ство браузеров используют для этого полужирный шрифт).

• . Сообщает Web-браузеру, что текст между начальным и конеч — ным дескрипторами должен быть отформатирован как текст заголовка (большинство браузеров используют для этого полужирный шрифт).

Дескрипторы заголовков таблиц и столбцов/строк особенно важны для незря — чих, поскольку браузеры, разработанные для пользователей с ослабленным зре- нием, будут произносить по-иному их, чтобы провести различие между заголов — ками таблицы и столбцов/строк и данными таблицы. Кроме того, в дескриптор

можно включить атрибут summary (резюме), чтобы предоставить более подробное описание назначения таблицы для посетителей, пользующихся брау —

зерами на основе речевого или Брайль-интерфемса.

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

таблицы, включив в него атрибут border, которому присваивается ши —

рина в пикселях границы таблицы. Например, чтобы нарисовать границы шири —

ной 1 пиксель (как у таблицы на рис. 2.6), дескриптор таблицы должен будет выглядеть следующим образом:

Глава 2. HTML-таблицы 87





Затем, чтобы снабдить таблицу названием (заголовком), в определение табли —

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

строка кода (с одним лишь дескриптором ) в предыдущем примере пре — вращается в следующие две строки кода, которые дают Web-браузеру указание

нарисовать таблицу с границами шириной 1 пиксель и заголовком:

Дескрипторы и атрибуты, используемые для создания таблиц





Примите к сведению, что в новейших спецификациях языка HTML (начинааяя

со стандарта HTML 4.01) указано, что элемент caption, если таковой присут —

ствует, должен следовать сразу же за открывающим дескриптором.

Затем, чтобы поместить вверху каждого столбца таблицы заголовок, вставьттее

начальные и конечные дескрипторы заголовков столбцов/строк таблицы (>

) с текстом заголовков между ними после дескриптора
, начинающееггоо

строку, в которой должны быть отображены заголовки. Например, чтобы доба—

вить заголовок над каждым столбцом в таблице из двух столбцов, вам нужно бу — дет написать следующий код:

Дескрилторы и атрибуты, используемые для создания таблиц

HTML-flecKpnnTop

OnncaHne



Чтобы добавить вместо строки заголовков столбец заголовков, добавьте пару (начальный и конечный) дескрипторов заголовка столбца/строки () , между которыми заключен текст заголовков, в каждую строку элементов данных, обозначенную начальным и конечным дескрипторами строки таблицы (