Самоучитель по креативному веб-дизайну. Книга 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

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

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

Полезные ссылки
Случайные записи
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 128
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.98
  • 14.03.2012">В Google Maps обновились снимки разрушенных городов Японии
  • 28.02.2011">Руководство по actionscript. часть 6, стр. 020
  • 22.12.2011">Samsung производит процессоры A5 для Apple iPhone 4S и iPad 2
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.74
  • 16.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.31
  • 23.02.2011">Руководство по actionscript. часть 7, стр. 035
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 010
  • 09.03.2011">Руководство по actionscript. часть 4, стр. 052
  • 06.03.2011">Руководство по actionscript. часть 4, стр. 135
  • 02.03.2010">Новый вид ретвитов (retweet) в твиттере
  • 02.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.124
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.154
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 008
Опрос

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

View Results

Loading ... Loading ...