Нумерованный список. Порядок выполнения работы

Лабораторная работа №4. Списки в web-страницах

Цель работы: Познакомиться с возможностями HTML по созданию списков в web -страницах.

Основные понятия.

В языке HTML предусмотрен специальный набор тэгов для представления информации в виде списков.

Маркированный список. Одним из типов списков, реализованных в языке HTML, является маркированный (ненумерованный, неупорядоченный) список. В таком списке для выделения его элементов используются специальные символы, называемые маркерами списка.

Для создания маркированного списка необходимо использовать тэг-контейнер <ul> </UL>. Каждый элемент списка должен начинаться тэгом <LI>.

В тэге <UL> может быть параметра TYPE. Он может принимать следующие значения:

· disc – маркеры отображаются закрашенными кружками;

· circle – маркеры отображаются не закрашенными кружками;

· square – маркеры отображаются закрашенными квадратиками.

Нумерованный список. Другим типом списков, реализованных в языке HTML, является нумерованный (упорядоченный) список. Списки данного типа обычно представляют собой упорядоченную последовательность отдельных элементов.

Для создания нумерованного списка следует использовать тэг-контейнер <OL> </ol>. Как и для маркированного списка, каждый элемент нумерованного списка должен начинаться тэгом <li>.

Тэг <ol> может использоваться с параметрами TYPE и START. Параметр TYPE используется для задания вида нумерации списка. Может принимать следующие значения:

· А – задаёт маркеры в виде прописных латинских букв;

· а – задаёт маркеры в виде строчных латинских букв;

· I – задаёт маркеры в виде больших римских цифр;

· i – задаёт маркеры в виде маленьких римских цифр;

· 1 – задаёт маркеры в виде арабских цифр.

Параметр START тэга <OL> позволяет начать нумерацию списка не с первого значения.

Изменение вида нумерации списка и значений номеров допустимо производить и для любого элемента списка. Тэг <LI> для нумерованных списков разрешает использовать параметры TYPE и VALUE. Параметр TYPE может принимать такие же значения, как и для тэга <ol>, а параметр VALUE позволяет изменить номер данного элемента списка.

Порядок выполнения работы

1. Откройте Блокнот.

2. Создайте HTML -документ с заголовком Списки, измените его фоновый цвет.

3. Сохраните файл в папку D:\Users\...\Web\Lab4\ с именем index4.html.

4. Введите в HTML -документ следующий текст:

Маркированный список

Нумерованный список

Вложенные списки

5. Надпись " Маркированный список " оформите как гиперссылку на документ mspisok.html.

6. Надпись " Нумерованный список " оформите как гиперссылку на документ nspisok.html.

7. Надпись " Вложенные списки " оформите как гиперссылку на документ vspisok.html.

8. Создайте HTML -документ, в документе:

· измените цвет фона;

· создайте заголовок "Маркированный список";

· создайте маркированный список, состоящий из 10 строк, содержащих название изучаемых Вами дисциплин;

· сделайте маркеры в виде квадрата.

9. Сохраните файл в папку D:\Users\...\Web\Lab4\ с именем mspisok.html.

10. Создайте HTML -документ, в документе:

· измените цвет фона;

· создайте заголовок "Нумерованный список";

· создайте нумерованный список, состоящий из строк, содержащих Ф.И.О. студентов Вашей группы;

· сделайте нумерацию в виде строчных латинских букв;

· свою Ф.И.О. сделайте курсивным шрифтом и измените её цвет.

11. Сохраните файл в папку D:\Users\...\Web\Lab4\ с именем nspisok.html.

12. Создайте HTML -документ, в документе:

· измените цвет фона;

· создайте заголовок "Вложенные списки", сделайте его по центру;

· создайте нумерованный список, состоящий из 5 произвольных строк;

· сделайте нумерацию в виде больших римских цифр;

· после третей строки создайте маркированный список, состоящий из 6 произвольных строк;

· после четвертой строки создайте нумерованный список, состоящий из 8 произвольных строк;

· сделайте, чтобы во вложенном списке нумерация начиналась с числа 4, а пятый элемент списка имел номер 15.

13. Сохраните файл в папку D:\Users\...\Web\Lab4\ с именем vspisok.html.