Построение иерархического списка

Лабораторная работа №7

ПОСТРОЕНИЕ СПИСКОВ

Цель работы: приобрести опыт создания списочных структур различных типов.

Выполнение работы

Все теги для создания списков могут быть условно разделены на две группы: одни определяют общий вид списка, а другие задают внутреннюю структуру списка. Виды списков:

- ненумерованный список. Для построения списка необходимо использовать два вида тегов:

1) <UL>…</ul> - для обрамления списка

2) <Li> - для обозначения каждого пункта списка.

Для построения нумерованного списка вместо тега <UL>…</ul> используется тег <ol>…</ol>, к которому добавляется атрибут typeдля определения способа нумерации.

- список с определениями строится с помощью тегов трех наименований:

<DL>…</dl>- тег для определения начала и конца списка с определениями;

<Dt> - тег для описания пункта списка с определениями, в котором могут быть вложенности;

<Dd> - тег для описания вложенных пунктов.

На рисунке 1.1. представлен HTMLкод.

Рисунок 1.1. НTMLкод

С помощью HTMLкода был сформирован на web-страницу список (рисунок 1.2).

Рисунок 1.2. Документ в браузере

Контрольные вопросы

Виды списков, размещаемых на Web-страницах.

Существуют в основном 4 вида списков, которые могут быть размещены на Web-страницах: ненумерованный (маркированный), нумерованный, вложенный (иерархический) и список с определениями.

Построение нумерованного, маркированного списка.

Маркированный список строится по следующему шаблону:

<UL>

<Li> Первая строка

<Li> Вторая строка

<Li>…

<Li> n-я строка

</UL>

Для построения списка необходимо использовать 2 вида тегов:

Парный тег <UL>…</UL> - для обрамления списка;

Тег <Li> - для обозначения каждого пункта списка.

При построении нумерованного списка используется парный тег <OL>…</OL>, к которому добавляется атрибут type для определения способа нумерации.