Лабораторная работа №3. Организация текста внутри html-документов с помощью списков

В языке HTML существуют элементы для представления информации в виде списков. Список - это удобная форма представления массива информации, каждый элемент которого можно поместить в одну или несколько строк, а весь массив будет размещен в столбце таких строк. Простейший список - список студентов в журнале. Списки используются для перечисления элементов информации по пунктам в следующих очевидных случаях:

• Для создания оглавления документа, пункты которого указывают на конкретные разделы.

• Для классификации (ранжирования) элементов массива однородной информации. Например, протокол соревнований.

• Для расположения элементов в порядке убывания или возрастания по какому-то параметру, например, по возрасту.

• Когда перечисление равнозначных элементов информации занимает много места и плохо воспринимается. Например, список интересов человека.

• Описание пошагового процесса. Например, инструкция, определяющая порядок действий.

Форматы списков

Существует несколько форматов списков, позволяющих выделять фрагменты информации в тексте. Пунктами списка могут быть как элементы уровня текста, так и элементы уровня блока, за исключением заголовков (H1-H6) и элементов ADDRESS. Пунктами списка могут быть также другие списки.

Ul (ненумерованные списки)

Для создания ненумерованного списка используется элемент UL. Для этого элемента обязательны открывающий и закрывающий теги, которые обеспечивают перевод строки до и после списка, отделяя список от остального текста. Для маркировки заголовка или названия списка применяется элемент языка LH (от английского List Heading). Для маркировки отдельного элемента списка применяется элемент языка LI (от английского List Item). Ненумерованные или неупорядоченные (от английского Unordered Lists) списки имеют вид записи:

<UL>

<LH>Название списка</LH>

<LI>Первый пункт списка

<LI>Второй пункт списка

....

</UL>

Тип маркировки (метки) элемента списка определяется атрибутом type. Допустимые значения атрибута и, соответственно, символы маркировки диск, круг, квадрат:

<UL type = "disc|circle|square">

Для всего списка.

<LI type = "disc|circle|square">

Этот и последующие элементы, в теги которых включен атрибут type.

Значение атрибутов в элементах языка HTML рекомендуется записывать строчными буквами и заключать в кавычки.

Например, type="disc".

Для записи списка в более компактном виде может использоваться атрибут compact, практически не влияющий на отображение списка браузером. Например:

Компактный список:

<UL compact>

<LH>Название списка</LH>

<LI>Первый пункт списка

<LI>Второй пункт списка

....

</UL>

Примеры списков:

1. Стандартный ненумерованный список

Запись списка в символах языка HTML:

<UL type="square">

<LH>Конфигурация компьютера:</LH>

<LI>Процессор

<LI>ОЗУ

<LI>Винчестер

</UL>

2. Компактный ненумерованный список

Запись списка в символах языка HTML:

<UL compact>

<LH>Конфигурация компьютера:</LH>

<LI>Процессор

<LI type="square">ОЗУ

<LI>Винчестер

</UL>

Тип маркировки второго элемента списка переопределен с помощью атрибута type.