! nostrud exerci tation uDamcorper suscipit JoЬortis nbl ut aliquip ех еа commod.o consequat. Duis
J autem vel eum iriure.
!'~COP-itiiG;.~T2006:ёOSNOF~jtИfA.ёOM "· ······ · ····н····- ....... .................. н ..... ······- · -------
Рис. 8 .11. Примен ив тег элемента-контейнера <div>, обтекание с выравниванием по nравому краю
И некоторое доnолнительное форматирование, очень nросто добавить nодnиси к фотографиям
Обучающий урок 2: соэдание фотогалереи
Раньше веб -дизайнеры создавали фотогалереи н а основе НТМL-тега таблицы
<tаЫ е>, помещая изображения в ячейки, образуемые строками и столбцами.
Н о сейчас вы можете достигнуть того же самого эффекта с помощью короткого
СSS-кода в сочетании с применением гораздо менее объемного НТМL-кода.
1. Откройте файл gallery.html из паnки 08\gallery_ex. Во-первых, посмотрите на
НТМL-код, который использован для создания фото галереи. Веб-страница содержит
Девять фотографий и nодписей к ним. Каждая располагается в отдельном
блоке-контейнере <di v>, к которому применен стилевой класс figure. Этот
<di v> функционирует точн о так же, как и элемент <di v>, исnользованный в предьщущей
Части урока для добавлен ия nодписи к рисунку. Сама фотография
заключена в другой блок <div>, к которому применен стилевой класс photo:
