Из чего состоят таблицы

Ответ на этот вопрос смехотворно прост: из ячеек. Ну да, из прямоугольных ячеек, в которые что-нибудь вписано или врисовано. Тем, кто имел дело с электронными таблицами или таблицами в электронных текстовых документах, такие ячейки отлично знакомы. Поскольку ячейки прямоугольные, то они образуют горизонтальные ряды, именуемые строками, и вертикальные рады, именуемые столбцами. Частенько красоты ради две, три и больше ячеек "сливают" в одну, а внутрь ячеек, кроме обычного текста и фафики, вставляют новые таблицы. Вот после этого и начинается тот кошмар, который вы видели на Web-страницах, открытых в Word.

Следующий вопрос немного посложнее. Нарисовать плоскую таблицу на пло­ской "странице" Word - пара пустяков. Нужно только задать количество строк и столбцов и подрегулировать их ширину. Но как быть с HTML-кодом, где объекты, выводимые на экран броузера, описываются последовательно? Не можем же мы, в самом деле, рисовать в Notepad двумерную таблицу! Как же ее закодировать?

Вот именно так - последовательно. По очереди, ячейку за ячейкой, строку за строкой, как если бы мы "разобрали" таблицу и вытянули ее в одну длинную цепоч­ку. На рис. 10.2 приведен код простейшей таблицы из двух строк и двух столбцов.

Как видим, HTML-структура, описывающая таблицу, состоит из трех основ­ных элементов.

*   Дескриптора <TABLE>, внутри которого заключена вся таблица. Этот дескриптор описывает параметры таблицы в целом.

*   Дескрипторов <TR> (от английского Table Row - строка таблицы), внутри которых заключены строки. Каждый такой дескриптор описывает параметры соответствующей строки.

*   Дескрипторов <TD> (от английского Table Data - данные, или содержимое таблицы), внутри которых заключено содержимое ячеек. Каждый такой дескриптор описывает параметры отдельной ячейки.

Как вы уже, вероятно, заметили, текст в ячейках разбивается на строки в зависимости от ширины окна броузера. Это не всегда желательно, так как может сильно изменить вид всей страницы. В таких случаях используют параметр nowrap, запрещающий автоматический переход на новую строку в данной ячейке: <TD nowrap> He переходить на новую строку! </TD>