Photoshop for WEB



             

Использование маркированных и нумерованных списков - часть 4


<Н4> Пример списка определений </Н4>

<DL>

<DТ>Полка</DТ>

<DD>Предмет мебели</DD>

<DТ>Самолет</DТ>

<DD>Летающее средство транспорта</DD>

<DТ>Незабудка</DТ>

<DD>Красивый цветок</DD>

<DТ>Ель</DТ>

<DD>Хвойное дерево</DD>

<DТ>Родник</DТ>

<DD>Природный источник подземной воды</DD>

<DТ>Облако</ОТ>

<DD>Скопление водяного пара в атмосфере</DD>

</DL>

Рис. 17.3. Отображение списка определений в браузере Internet Explorer

На рис. 17.3 показано, как такой список выглядит в браузере.

Возможно, вы захотите усложнить структуру списка. Например, добавить ненумерованные подпункты к пунктам нумерованного списка. В этом случае вы можете использовать так называемые «вложенные» списки — списки, расположенные одни внутри другого. Ниже приведен пример описания подобной структуры.

<UL>

<LI>Первый элемент списка верхнего уровня.</LI>

<LI>Второй элемент списка верхнего уроеня</LI>

<UL>

<LI>Первый элемент вложенного списка.</LI>

<LI>Второй элемент вложенного списка.</LI>

</UL>

<LI>Третий элемент списка верхнего уровня.</LI>

</UL>

СОВЕТ. Если вы хотите записать сложную конструкцию вложенных друг в друга элементов, записывайте теги с отступами (см. выше). Это существенно облегчает восприятие.

Некоторые браузеры автоматически назначают элементам маркированных списков разного уровня вложенности разные маркеры. Это относится и к маркированным спискам, вложенным в списки нумерованные.

На рис. 17.4 приведен пример воспроизведения браузером web-страницы, содержащей вложенные списки.

Рис. 17.4. Вложенные списки позволяют легко и наглядно представить сложные структуры данных или объектов




Содержание  Назад  Вперед