ри- 
ны самой широкой непустой ячейки в столбце. И, наконец, ни Netscape. 
Navigator, ни Internet Explorer не будут рисовать левую и верхнюю границы ячей- 

ки, не имеющей содержимого — даже если атрибут border таблицы имеет значе- 
ние 1 или более. Однако если вы поместите однопиксельное GIF-изображение, 
растянутое до требуемых размеров, в ячейку таблицы, все Web-браузеры будут 
отображать "пустую" ячейку одинаково — с размерами GIF-изображения, задан- 
ным цветом фона ячейки и границами (если таковые заданы) — поскольку, хотя 
ячейка и кажется незаполненной, на самом деле она не пустая.

Глава 2. HTML-таблицы 109 
l^i Вы у з н а е т е , к а к создавать файлы прозрачных GIF-изображений, далее 
в 
этой книге, в главе, посвященной графике. Пока что вы можете пользоваться 
однопиксель- 
ным прозрачным GIF-изображением из файла s p a c i n g . g i f , который можно 
выгрузить из 
раздела материалов для этой книги на сайте издательства. 
Обтекание текстом изображения 
Когда вы обдумываете первоначальный дизайн Web-страницы, вопросом пер- 
востепенной важности является компоновка документа. На Web-странице с удач- 
ным дизайном текст и графика расположены в организованном, легком для вос- 
приятия формате. Более того, организация содержимого страницы помогает 
глазам читателя плавно переходить от графических изображений к связанному с 
ними тексту и обратно. 
Предположим, например, вы создаете Web-страницу, содержащую несколько изоб- 
ражений книг. Для каждого изображения необходим небольшой абзац информа- 
ции, описывающий объект, и его розничная цена. Поместив графические изобра- 
жения, текст описания и цены в таблицу, вы можете дать Web-браузеру указание 
отображать текстовую информацию где угодно возле изображения, как показано 
на рис. 2.18. 
Ctw.H. PoStpr 
фундаментальный алгоритмы на С Анализ/Структуры данныл/Сортировка/Поиск 
Сшк> Роберт 
е алгоритмы на С. Алгоритмы на графах 
:гг'~ 
Пр»йс-л«от- 20 СЮгрн е-н«г*мн'2 
Лрлйс-лжт 174.00руб. •••игиии 
С.АЖ.И. Робарт 
Фундаментальные алгоритмы на С Анализ/Структура 
данных/Сортировка/Поиск^Алгоритмы на графах 
Рис. 2.18. Пример совместного представления рисунков товаров вместе 
с их кратким описанием и ценой 
Следующие HTML-дескрипторы создают таблицу, в которой первый рисунок 
будет отображен в строке 1, столбце 1 с соответствующими ему описанием (ря- 
дом с рисунком) в строке 1, столбце 2 и ценой (под рисунком) в строке 2, стол- 
бце 1. (Строка 3, столбцы 1 и 2 были добавлены для создания дополнительного 
пространства между предметами, описаниями и ценами.) 
 
 
<Ъ<1>Вставьте oiracaHMe 
Вставьте ueHy 
 
 
 
 
 
 
 
 
 
 
 
BcTaBbTe описание 
BcTaBbTe iieHy
 
 
 
 
BcTaebTe onHcaHne 
Вставьте 4eHy
 
 
Глава 2. HTML-таблицы 
src="image_l.jpg"X/td> К'Ш