§4. Создание списков.
Списки – это очень важное средство структурирования документа. Типы списков представлены ниже в таблице.
Типы списков HTML и соответствующие им дескрипторы.
Тип списка |
Дескриптор |
Упорядоченный (нумерованный ) список |
<OL> |
Неупорядоченный список (маркированный) |
<UL> |
Список определений |
<DL> |
Список элементов меню (используется редко) |
<MENU> |
Список элементов каталогов (используется редко) |
<DIR> |
Из перечисленных списков чаще всего используются упорядоченные, неупорядоченные и списки определений. Вначале учащимся предлагаются нумерованные списки и их внутренние элементы. Нумерованный список, как видно из таблицы, создается с помощью <OL>,</OL>, а каждый элемент внутри этого контейнера с помощью дескриптора <LI> (list item- элемент списка). При создании нумерованного списка используется следующий синтаксис:
<OL>
<LI> первый элемент списка
<LI> второй элемент списка
…
<LI> последний элемент списка
</OL>
Приведем пример. В этом документе приводится списки мальчиков двух 9 классов.
<HTML>
<HEAD>
<TITLE>
Нумерованные списки
</TITLE>
</HEAD>
<BODY>
<FONT SIZE=1>
<OL> Мальчики 9а класса
<LI> Алексеев Тимофей
<LI> Арсентьев Вадим
<LI> Иванов Николай
</OL>
<OL> Мальчики 9б класса
<LI> Авдеев Игорь
<LI> Матрос Николай
<LI> Исаев Сергей
</OL>
</BODY>
</HTML>
Обратите внимания учащихся на то, что каждый список находится внутри контейнера <OL>,</OL>, включая и название списка. При создании нескольких списков создаются и столько же контейнеров.
Для нумерации упорядоченных списков определены типы нумерации, которые приведены в следующей таблице.
Типы нумерации упорядоченных списков.
Тип |
Стиль |
1 |
Стандартный способ нумерации с помощью арабских цифр (по умолчанию) |
a |
Строчные буквы алфавита |
A |
Прописные буквы алфавита |
i |
Строчные римские цифры |
I |
Прописные римские цифры |
Стиль форматирования списка включается с помощью следующего синтаксиса:
<OL TYPE=тип>
Учащимся предлагается создать Web-страницу со списками учащихся класса сортировав их месяцам рождения и с применением всех типов нумерации списков.
Нумерацию списка с помощью цифр или букв можно начать с любой цифры или буквы. Для этого используется атрибут START:
<OL START=значение>
|
Измените предыдущую страницу так, чтобы список мальчиков 9б класса нумеровался начиная с номера 4 и для этого во второй контейнер добавьте строку <OL START=4>. Самым распространенным типом списка, использующего в Web, является неупорядоченный или маркированный список. Напротив каждого элемента неупорядоченного списка находится маркер (buller), который имеет вид большого черного кружка или квадратика. Рассмотрим пример такого списка. Перечислим цвета радуги в виде неупорядоченного списка. |
<HTML>
<HEAD>
<Title>
Маркированные списки
</Title>
</HEAD>
<BODY>
<UL> ЦВЕТА РАДУГИ
<LI>Красный
<LI> Оранжевый
<LI>Желтый
<LI> Зеленый
<LI> Голубой
<LI> Синий
<LI> Фиолетовый
</UL>
</BODY>
</HTML>
|
Очень полезным и эстетичным являются списки определений. Списки определений создается в контейнере <DL></DL>. Для закрепления знаний по созданию списков и созданию вложений и ссылок учащимся предлагаются задания следующего содержания:
Эти страницы должны содержать в себе внутренние и внешние ссылки. |
