Руководство для начинающих - шаг за шагом (часть 5)

Для начала вставим таблицу, состоящую из двух строк и двух столбцов, параметры cellspacing и cellpadding пропишем, соответственно, 5 и 10 (чтобы было понятно визуально, какой параметр на что влияет), border укажем равным одному (чтобы граница была четко видна как для таблицы, так и для каждой ячейки, при этом мы будем иметь на экране эталон толщиной в 1 пиксел), а ширину таблицы установим 75%. Нажимаем "ОК" и получаем вот такую таблицу:

Нам сразу же видно, что толщина границы - 1 пиксел, а расстояние между ячейками - 5 пикселов. Если мы впишем в ячейки текст, отступ от текста до внутренней границы ячейки составит 10 пикселов. Любой из этих параметров мы можем изменить, выделив таблицу и обратившись к панели свойств объекта. Вы, наверное, помните, что эта панелька меняется в зависимости от того, какой объект выделен. В случае с таблицей она будет выглядеть так:

Как видите, все введенные нами при создании таблицы значения атрибутов мы можем быстро и легко изменить при помощи этой панели. И кроме того, мы можем задать еще массу всяких полезных вещей!

V Space и H Space - вертикальный и горизонтальный отступы от таблицы до обтекающего ее текста. Эти атрибуты ведут себя так же, как и аналогичные атрибуты у рисунков.
 

Align - выравнивание таблицы на странице. Значение по умолчанию этого параметра может показаться несколько странным - визуально таблица выровнена по левому краю, но справа от нее мы ничего не можем расположить. Поэтому, если вы хотите, чтобы текст обтекал таблицу справа, нужно явно установить значение left.

Bg - перед вами целых два поля с таким обозначением. Верхнее позволяет назначить для таблицы какой-либо фоновый рисунок, а нижнее - фоновый цвет заливки всей таблицы. Обратите внимание: для отдельных ячеек вы можете задать фоновую заливку другого цвета. При этом цвет фона таблицы будет "просвечивать" между ячейками, если параметр cellspacing не равен нулю. Эта особенность позволяет создавать довольно интересные эффекты без использования вложенных таблиц.

Brdr - это поле позволяет задать цвет границы. Будьте внимательны - если вы уже воспользовались заданием цвета для темной и светлой частей границы, лучше оставьте это поле пустым. Иначе даже сам бог не сможет точно ответить на вопрос, какой цвет границы покажет браузер.

Работа с отдельными ячейками

До сих пор мы говорили лишь о параметрах всей таблицы. Изменяемые нами свойства добавляли и меняли различные атрибуты тега <table> в HTML-коде. Теперь же речь пойдет об отдельных ячейках, т.е. об изменении атрибутов тега <td>. Чтобы от работы с таблицей перейти к работе с отдельной ячейкой, нужно лишь установить курсор в требуемое место внутри таблицы. Панель свойств объекта при этом снова изменится и будет выглядеть так:

Как видите, внешний вид панели вроде бы такой же, как при редактировании абзаца текста. И действительно, все "текстовые" свойства относятся именно к содержимому ячейки, а не к ней самой. Но есть здесь и инструментарий для работы именно с тегом <td>. Его-то мы и рассмотрим поближе.

В левом нижнем уголке, под надписью "Cell", располагаются кнопочки для грамотного, с использованием атрибутов colspan и rowspan, объединения и деления ячеек. Если курсор просто находится внутри ячейки, мы можем воспользоваться только правой кнопкой - для деления ячейки на нужное количество строк или столбцов. При нажатии на эту кнопку вылезает диалоговое окошко, предлагающее нам выбрать нужный способ деления.

 [>> далее >>]