недвижимости, и вам нужно показать фотогра- 
фии домов, выставленных на продажу. Вы хотите, чтобы у посетителей сайта 
была возможность выбирать полноразмерное изображение, сначала открыв Web- 
страницу, содержащую миниатюры (уменьшенные изображения) всех выставлен- 
ТТППГТЯЖУ помят; Кпггтя гкасатитаттт, тттрдкяетт^ня минияттяпа>ч

Глава 2. HTML-таблицы 111 
Рис. 2.19. Web-страница с миниатюрами для каждого полноразмерного изображения 
ПРАКТИКУМ 
Чтобы с помощью таблицы отобразить группу изображений-миниатюр, создайте 
таблицу с отдельной ячейкой под каждую миниатюру. Чтобы связать миниатюру 
с соответствующим ей полноразмерным изображением, вставьте дескриптор <а> 
с атрибутом href в каждую ячейку, содержащую изображение-миниатюру. Деск- 
риптор <а> создает ссылку от миниатюры к полноразмерному изображению. На- 
пример, следующий код связывает изображение-миниатюру home_i.jpg с Web- 
страницей, содержащей полноразмерное изображение (page_i.htm): 
<а href="page_l .htm"Ximg src="home__l. jpg"X/a> 
Когда посетитель сайта щелкает на миниатюре, Web-браузер загружает стра- 
ницу, содержащую соответствующее полноразмерное изображение. Дескриптор 
<а> с атрибутом href в приведенном ниже коде связывает миниатюру (заданную 
атрибутом src в дескрипторе ) с соответствующим ей полноразмерным изоб- 
ражением и создает Web-страницу, немного похожую на показанную на рис. 2.19: 
 
-• 
 
Как только Web-браузер отобразит страницу с миниатюрами, посетителю ос- 
тается только щелкнуть на выбранной миниатюре, чтобы отобразить полнораз- 
мерное изображение. Например, при щелчке на "миниатюре в верхнем левом углу 
рисунка 2.19 Web-браузер отобразит полноразмерное изображение, которое пока- 
зано на рис. 2.20.

112 Глава 2. HTML-таблицы 
Homes & Apartments 
•-j Homes i:>; 
Maxwell Realty Company 
Location: PhiUdtlphla, PA 
Types Condo 
d Contect 
•bout thi» property. 
rpo« *wi AM efc 
Рис. 2.20. В результате щелчка на миниатюре загружается полноразмерное 
изображение 
Поскольку миниатюра — это уменьшенная версия полноразмерного изображе- 
ния, используйте правила именования, связывающие миниатюры с исходными 
изображениями. Если, например, вы создали и сохранили изображение с име- 
нем home__i.jpg, назовите соответствующую миниатюру home__is.jpg. Создание 
ассоциативных имен файлов помогает быстро идентифицировать файлы, по- 
скольку в стандартном списке файлов имена будут отображаться в алфавитном 
порядке. 
Создание маркеров и списков 
с помощью таблиц и графики 
Web-дизайнеры всегда имели возможность создавать списки с квадратным или 
круглым маркером перед каждым элементом списка. К сожалению, при создании 
стандартного маркированного (или, пользуясь принятым в языке HTML терми- 
ном, неупорядоченного) списка дизайнер может обозначать его элементы только 
маркерами из ограниченного количества символов. Например, следующий код 
сгенерирует маркированный список, приведенный на рис. 2.21. 
<11>Элемент списка K/li> 
<11>Элемент списка 2 
<И>Элемент списка 3

Глава 2. HTML-таблицы1 
Начальный и конечный дескрипторы неупорядоченного списка () 
идентифицируют начало и конец маркированного списка, а дескриптор  оп- 
ределяет элемент списка (см. рис. 2.21). 
Элемент списка 1 
Элемент списка 2 
Элемен