| | | | | | | | | | | | | | | | | | | | | |
| Наши Друзья |
|
|
|
| |
|
|
|
|
|
|
 | [Весь Текст] |
| |  | |
|
| |
и три
колонки
А В
Как было сказано в перечне перед HTML-кодом табли-
цы, начальный и конечный дескрипторы таблицы
() в начале и конце кода сообщают Web-браузеру, что HTML-
код и прочий текст между этими дескрипторами описывает таблицу. (Пока что
не обращайте внимания на атрибут border; его мы рассмотрим в следующем
разделе этой главы.) Каждая пара начальных и конечных дескрипторов строки
() дает Web-браузеру указание отобразить содержимое между ними в
одной и той же новой (горизонтальной) строке таблицы. Тем временем каждая
пара начальных и конечных дескрипторов данных таблицы
() определяет каждую из ячеек таблицы, а заклю-
ченное между ними содержимое сообщает Web-браузеру, что
именно поместить в ячейку.
Таким образом, чтобы создать показанную на рис. 2.5 таб-
лицу с двумя столбцами и тремя строками, вам понадобятся
три набора начальных и конечных дескрипторов строки табли-
цы () и два набора начальных и конечных дескрип-
торов данных таблицы (), как показано ниже:
A
| B
C |
D
E |
F< / t d X / tr >
|
С D
Рис. 2.5. Простая
таблица,
содержащая три
строки и две
колонки
Глава 2. HTML-таблицы 85
Как и в случае с предыдущим примером, первая строка кода в данном приме-
ре содержит дескриптор , который сообщает Web-браузеру, что весь пос-
ледующий HTML-код, считываемый браузером до тех пор, пока не встретится
дескриптор , является частью определения HTML-таблицы.
Вторая строка кода выглядит так:
A |
Всякий раз, когда браузер считывает внутри определения таблицы дескриптор
, он должен перейти на новую строку таблицы, тогда как дескриптор | ,
следующий за дескриптором | , дает браузеру указание поместить все считан-
ное им до дескриптора в одну ячейку таблицы. Следовательно, в данном
примере первый дескриптор дает Web-браузеру указание поместить "А" В
первую слева ячейку в новой строке таблицы, начатой браузером после обработ-
ки дескриптора | , стоящего перед дескриптором | .
Третья строка кода в HTML-таблице в данном примере выглядит так:
| B
Поскольку перед вторым дескриптором | нет дескриптора | , Web-брау-
зер помещает все, что заключено между второй парой начального и конечного
дескрипторов данных таблицы () (в данном примере "В") во вторую
(вправо) ячейку первой строки таблицы. (Если бы перед дескриптором
имелась третья пара начального и конечного дескрипторов данных таблицы
(), Web-браузер поместил бы все, что находилось бы между этими дес-
крипторами, в третью ячейку (вправо) первой строки таблицы и т.д.) Дескриптор
говорит браузеру: "Все. В текущей строке больше ячеек нет", после чего
браузер ожидает увидеть либо новый дескриптор , либо дескриптор
. В данном примере структура < t r x t d x / t d x t d x / t d x / t r>
повторя-
ется еще два раза (таким образом, отдавая браузеру указание создать еще две
строки по две ячейки (или столбца) каждая) перед тем, как дескриптор
в последней строке кода просигнализирует об окончании определения
HTML-таблицы.
Добавление границ, заголовков столбцов/строк
и заголовка таблицы
Если вы хотите воспользоваться HTML-таблицей для отображения табличных
данных (вместо применения таблицы в качестве инструмента компоновки стра-
ницы, о чем пойдет речь ниже в этой главе), вам нужно будет нарисовать грани-
цы вокруг таблицы и каждой из ее ячеек и добавить заголовок (название) табли-
цы, который будет резюмировать данные, содержащиеся в таблице. Более того, в
большинстве своем табличные данные включают в себя строку и/или столбец за-
головков, которые сообщают читателю значение элементов в отдельной строке
или столбце (либо же отношения между ними). На рис. 2.6, например, показана
таблица с видимыми границами, заголовками столбцов и заголовком таблицы.
86 Глава 2. HTML-таблицы
Fife Edit Viem Fsvaites Iooh Help LMu * Ш
^ . "' • J Ld Ы S4
BacK : Stop Reffcsh Home Search
Дескрипторы и атрибуты, используемые дня создали* таБтш
НТМ^дгсэсрюггор/атрнбут Олнсашк
Начало и когеы опредытеиия таблицы.
; Начаш и конец определения э
| |
| [Весь Текст] |
| | |
|
