Практическая работа 3. Создание списков

↑

▷ Содержание

⇐ ПредыдущаяСтр 5 из 11Следующая ⇒

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

Методические указания

Типы списков

В HTML 4.0 предусмотрены возможности создания различных типов списков. Причем каждый может использоваться как самостоятельно, так и в сочетании с другими типами списков. Существует несколько типов списков (рис. 5):

· упорядоченный (нумерованный) список (рис. 5);

· неупорядоченный (маркированный) список (рис.5);

· список определений (рис. 6).

Рис. 5

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

Нумерованный список  создается с помощью контейнера <OL> </OL>. Каждый элемент списка определяется внутри этого контейнера с помощью тега <LI>. При создании нумерованного списка используется следующий синтаксис:

< OL>

< LI> 1-ый элемент списка

......

< LI> n -ый элемент списка

</OL>.

Каждый тег <LI> служит для определения одного элемента списка. По умолчанию элементы списка нумеруются с помощью обычных арабских цифр. Но можно сделать так, чтобы использовались различные типы букв. Существуют следующие типы нумерации упорядоченных списков:

· 1 - арабские цифры

· a - строчные буквы алфавита

· A - прописные буквы алфавита

· i - строчные римские цифры

· I - прописные римские цифры

Стиль форматирования списка определяется с помощью следующего синтаксиса:

< OL TYPE=тип>.

,

Рис. 6

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

Самым распространенным типом списка является маркированный. При создании маркированных списков используются теги <UL> и </UL>. Как и в нумерованных списках, все элементы маркированных списков определяются с помощью тега <LI>. Когда браузер встречает очередной тег <LI>, он переходит на новую строку.

Чтобы изменить тип маркера для всего списка, нужно воспользоваться таким синтаксисом:

< UL TYPE=тип>.

А для одного элемента:

< LI TYPE=тип>.

Существуют следующие типы маркеров:

· Disk - заполненный кружок

· Square - заполненный квадратик

· Circle - незаполненный кружок

Списки определений

Списки определений чем-то напоминают толковые словари, т.к. каждому термину соответствует абзац определения, расположенный с отступом. Это средство незаменимо в том случае, если нужно создать список элементов с их подробным описанием.

Список определений содержится в контейнере <DL> </DL>. Элементы списка определений создаются с использованием тегов <DT> и <DD>, с помощью которых отмечаются термин и его определение. Например:

< DL>

< DT> термин1

< DD> определение1

< DT> термин2

< DD> определение2

< /DL>.

Внутри элемента <DD> могут находиться нумерованные или маркированные списки. Каждому <DT> может соответствовать несколько <DD>.

Вложение и комбинирование списков

При желании можно комбинировать различные типы списков, а также вкладывать их друг в друга независимо от того, к одному или к разным типам они относятся.

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

1. Создайте файл с текстом как указанный на рис. 7

2. Сохраните файл с именем Работа 3. HTM

3. Результат представлен на рис. 8.

Рис. 7

Рис. 8

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

1. Какие типы списков вы знаете?
2. Какие типы нумерации упорядоченных списков вы можете назвать?
3. Можно ли использовать буквы русского алфавита в упорядоченных списках?
4. Возможно ли использование нескольких <DD> в одном <DT> списка определений?
5. Обязательны ли конечные теги </UL>, </OL>, </DL>, обоснуйте.

Познавательные статьи:



Техника нижней прямой подачи мяча

Комплекс физических упражнений для развития мышц плечевого пояса

Стандарт Порядок надевания противочумного костюма

Общеразвивающие упражнения без предметов