ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 06.04.2021
Просмотров: 430
Скачиваний: 1
11
Примеры
различных
типов
маркированного
списка
приведены
соответ
-
ственно
на
рис
. 7
и
в
листинге
1.5.
Рис
. 7.
Примеры
различных
типов
маркированного
списка
Листинг
1.5.
Примеры
различных
типов
маркированного
списка
<HTML>
<HEAD>
<TITLE>
Примеры
различных
типов
маркированного
списка
</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black"
LINK="#00FF00" ALINK="#00FF0" VLINK="blue">
<UL>
<FONT SIZE="4"><B>
Редакторы
векторной
графики
:</B></FONT>
<LI>CorelDRAW
<LI>Adobe Illustrator
<LI>Macromedia FreeHand
</UL>
<UL TYPE="circle">
<FONT SIZE="4"><B>
Редакторы
растровой
12
графики
:</B></FONT>
<LI>Adobe Photoshop
<LI>Ulead PhotoImpact
<LI>Macromedia Fireworks
</UL>
<UL TYPE="square">
<FONT SIZE="4"><B>
Редакторы
3D-
графики
: </B></FONT>
<LI>3D Studio MAX
<LI>Corel Bryce
<LI>Maya
</UL>
</BODY>
</HTML>
Следует
отметить
,
что
размер
того
или
иного
маркера
может
изменять
-
ся
в
зависимости
от
размера
используемого
в
электронном
документе
шрифта
.
Кроме
этого
,
как
и
в
случае
с
нумерованными
списками
,
при
смешении
правил
маркировки
различные
браузеры
могут
отображать
маркеры
по
-
разному
.
Параметр
тега
<UL> COMPACT
имеет
те
же
характеристики
,
что
и
для
нумерованных
списков
.
1.6.
Графические
маркеры
Отличительной
особенностью
маркированных
списков
является
воз
-
можность
использования
вместо
стандартных
HTML-
маркеров
свои
соб
-
ственные
графические
изображения
.
Такой
подход
позволяет
создавать
более
привлекательные
списки
в
электронных
документах
.
Для
указания
браузеру
того
,
что
в
качестве
маркера
будет
использовано
графическое
изображение
,
внутри
тега
-
контейнера
<UL>
вместо
указателя
элемента
<LI>
размещается
обыкновенная
HTML-
конструкция
описания
графических
объектов
(
листинг
1.6,
рис
. 8).
Листинг
1.6.
Пример
использования
графических
маркеров
<HTML>
<HEAD>
<TITLE>
Пример
использования
графических
маркеров
</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black"
LINK="#00FF0" ALINK="#00FF0" VLINK="blue">
13
Рис
. 8.
Пример
использования
графических
маркеров
<UL>
<FONT SIZE="4">
<B>
Редакторы
компьютерной
графики
:</B>
</FONT>
<BR>
<IMG SRC="marker.gif">CorelDRAW
<BR>
<IMG SRC="marker.gif">Adobe Illustrator
<BR>
<IMG SRC="marker.gif">Macromedia FreeHand
<BR>
<IMG SRC="marker.gif">Adobe Photoshop
<BR>
<IMG SRC="marker.gif">Macromedia Fireworks
<BR>
<IMG SRC="marker.gif">3D Studio MAX
<BR>
<IMG SRC="marker.gif">Corel Bryce
</UL>
14
</BODY>
</HTML>
Браузер
поймет
такую
конструкцию
как
команду
задать
отступ
от
лево
-
го
края
документа
до
начала
элементов
маркированного
списка
(
где
повто
-
ряющимся
маркером
является
файл
рисунка
"marker.gif").
В
данном
случае
после
каждого
пункта
маркированного
списка
стоит
тег
переноса
строк
<
BR
>.
Если
его
не
указывать
,
все
элементы
списка
бу
-
дут
выстроены
в
один
ряд
.
Это
связано
с
тем
,
что
создание
графических
маркеров
не
относится
к
каким
-
то
особенным
HTML-
конструкциям
,
а
реа
-
лизовано
за
счет
обособления
рисунков
-
маркеров
тегом
<UL>
.
Поскольку
тег
элемента
списка
<LI>
отсутствует
,
браузер
не
делает
переноса
строки
.
1.7.
Вложенные
списки
Часто
информация
имеет
сложную
разветвленную
структуру
,
которую
с
одной
стороны
трудно
отобразить
в
виде
одного
списка
,
с
другой
–
нель
-
зя
разбивать
на
несколько
отдельных
списков
.
В
этом
случае
используются
так
называемые
вложенные
списки
,
имеющие
иерархическое
строение
и
содержащие
в
себе
другие
списки
(
как
нумерованные
,
так
и
маркирован
-
ные
) (
листинг
1.7,
рис
. 9).
Листинг
1.7.
Пример
использования
вложенных
списков
<HTML>
<HEAD> <TITLE>
Пример
использования
вложенных
списков
</TITLE> </HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black"
LINK="#00FF0" ALINK="#00FF0" VLINK="blue">
<UL TYPE="square">
<FONT SIZE="4">
<B>
Редакторы
компьютерной
графики
:</B>
</FONT>
<LI>
Векторные
редакторы
<UL TYPE="disc">
<LI>CorelDRAW
<OL>
<LI>CorelDRAW
<LI>Corel PhotoPaint
<LI>Corel R.A.V.E.
</OL>
</UL>
<LI>
Растровые
редакторы
<UL TYPE="disc">
<LI>Adobe Photoshop
<OL>
15
<LI>Adobe Photoshop
<LI>Adobe ImageReady
</OL>
</UL>
</UL>
</BODY>
</HTML>
Рис
. 9.
Пример
использования
вложенных
списков
В
данном
примере
присутствуют
и
нумерованные
,
и
маркированные
списки
.
Графические
маркеры
также
могут
применяться
внутри
вложен
-
ных
списков
наравне
со
списками
остальных
типов
.
В
заключение
необходимо
добавить
,
что
при
составлении
сложных
вложенных
списков
особое
внимание
следует
уделять
корректному
указа
-
нию
закрывающих
тегов
</UL>
и
</OL>
.
Для
того
чтобы
не
запутаться
в
разветвленной
структуре
HTML-
кода
вложенных
списков
,
каждый
после
-
дующий
уровень
вложенности
лучше
всего
отделять
от
предыдущего
не
-
большим
отступом
от
левого
края
документа
.
1.8.
Списки
определений
Списки
определений
–
это
особый
тип
структуризации
информацион
-
ных
данных
,
идеально
подходящий
для
отображения
терминологических
и
толковых
словарей
,
а
также
различных
справочников
средствами
HTML.