- •Лабораторная работа №3. Организация текста внутри html-документов с помощью списков
- •Форматы списков
- •Ul (ненумерованные списки)
- •1. Стандартный ненумерованный список
- •2. Компактный ненумерованный список
- •Ol (нумерованные списки)
- •1. Стандартный нумерованный список
- •2. Компактный нумерованный список
- •Dl (списки определений)
- •1. Стандартный список определений
- •2. Компактный список определений
- •Menu (меню)
- •Dir (каталог)
- •Вложенные списки
- •Задание к лабораторной работе
1. Стандартный список определений
Запись списка определений в символах языка HTML:
<DL>
<LH> <B>Словарь терминов<B/></LH>
<DT>Процессор
<DD>Арифметически-логическое устройство, выполняющее программы
<DT>ОЗУ
<DD>Оперативное запоминающее устройство
<DT>Винчестер
<DD>Накопитель информации на жестком диске
</DL>
2. Компактный список определений
Запись компактного списка определений в символах языка HTML:
<DL compact>
<LH> <B>Словарь<B/> </LH>
<DT>Disc
<DD>Диск
<DT>Circle
<DD>Круг
<DT>Square
<DD>Квадрат
</DL>
Menu (меню)
Запись меню ( в сущности маркированного списка ) в символах языка HTML:
<MENU>
<LH>Название меню<LH>
<LI>Первый пункт меню
<LI>Второй пункт меню
....
</MENU>
Тип маркировки (метки) элемента меню определяется атрибутом type. Допустимые значения атрибута и, соответственно, символы маркировки - диск, круг, квадрат:
<UL type = "disc|circle|square">
Для всего списка.
Возможно переопределение типа маркера в элементе LI: <LI type = "disc|circle|square">
Этот и последующие элементы, в теги которых включен атрибут type.
Компактное меню:
<MENU compact>
<LH>Название меню<LH>
<LI>Первый пункт меню
<LI>Второй пункт меню
....
</MENU >
Пример записи меню в символах языка HTML:
<MENU>
<LH>Меню<LH>
<LI>F1-справка
<LI type="square">F4-редактор
<LI type="circle">F5-копирование
</MENU>
Dir (каталог)
Запись каталога ( в сущности тоже маркированного списка ) в символах языка HTML:
<DIR>
<LH>Название каталога<LH>
<LI>Первый пункт каталога
<LI>Второй пункт каталога
....
</DIR>
Тип маркировки (метки) элемента каталога определяется атрибутом type в открывающем теге <DIR>. Допустимые значения атрибута и, соответственно, символы маркировки те же, что и для элемента MENU.
Возможно переопределение типа маркера в элементе LI: <LI type = "disc|circle|square">
Этот и последующие элементы, в теги которых включен атрибут type.
Компактный каталог:
<DIR compact>
<LH>Название каталога<LH>
<LI>Первый пункт каталога
<LI>Второй пункт каталога
....
</DIR >
Пример записи каталога в символах языка HTML:
<DIR>
<LH>Каталог<LH>
<LI>Имя файла1
<LI type="square">Имя файла2
<LI>Имя файла3
</DIR>
Вложенные списки
Каждый пункт списка может представлять собой самостоятельный список. Вложение списков в списки создает несколько уровней информации. Можно вкладывать друг в друга разные типы списков. Каждый внутренний список должен иметь открывающий и закрывающий теги UL или OL. Пример вложенных списков:
Конфигурация компьютера
Процессор
Celeron
Pentium
ОЗУ
256 Мб
512 Мб
Винчестер
40 Гб
80 Гб
Запись этого примера в символах HTML:
<OL><LH><B>Конфигурация компьютера</B></LH>
<LI>Процессор
<UL>
<LI>Celeron
<LI>Pentium
</UL>
<LI>ОЗУ
<UL>
<LI>256 Мб
<LI>512 Мб
</UL>
<LI>Винчестер
<UL>
<LI>40 Гб
<LI>80 Гб
</UL>
</OL>