Самоучитель по креативному веб-дизайну. Книга 1, стр.72

головков, которые сообщают читателю значение элементов в отдельной строке или столбце (либо же отношения между ними). На рис. 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



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

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 084
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 090
  • 24.07.2013">Обустройство пола в доме
  • 10.06.2011">Дом с пещерой для Брэда Питта
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 039
  • 23.02.2011">Руководство по actionscript. часть 7, стр. 036
  • 10.03.2011">Руководство по actionscript. часть 4, стр. 030
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 094
  • 15.11.2011">Обзор ноутбука Lenovo
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.99
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 050
  • 28.02.2011">Руководство по actionscript. часть 6, стр. 006
  • 22.03.2011">Руководство по actionscript. часть 2, стр. 022
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 046
  • 25.02.2011">Руководство по actionscript. часть 6, стр. 088
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...