Создание списков
ЗАДАНИЕ. Создадим 3 списка: нумерованный, маркированный, определений
1. Откройте 1.htm в Блокноте. Между <body>..</body> всё удалите и вставьте:
Вставьте тег <OL type="1">, он начинает нумерованный список.
Вставьте элементы списка, предваряя каждый тегом <LI>.
Завершите список тегом </OL>.
| <html> <head> <title>Пример 7</title> </head> <body> <OL type="1"> <LI>Диван <LI>Кровать <LI>Тумба <LI>Сервант </OL> </body> </html> |
Сохраните документ под именем list.htm. Откройте его в Internet Explorer.
Посмотрите, как нумерованный список отображается в браузере, какова нумерация, заданная атрибутомtype=.
Вообще атрибутом type (тэга <OL>) можно задать такие способы нумерации:
TYPE=1 – арабские цифры; TYPE=A – прописные буквы;
TYPE=a – строчные буквы; TYPE=i – римские цифры.
Атрибутом start= (в тэге <OL>) можно задать номер, с которого начинается нумерация элементов списков.
2. Вернитесь в Блокнот, установите курсор после окончания списка.
Вставьте тег <UL type="square">, он начинает маркированный список.
Вставьте элементы списка, предваряя их тегом <LI>. Завершите список тегом </UL>. Получится так:
<UL type="square"> <LI>Диван <LI>Кровать <LI>Тумба <LI>Сервант </UL>
Сохраните документ под тем же именем.
Вернитесь в Internet Explorer, щелкните Обновить. Как отобразился маркированный список, его маркировка, заданная атрибутомtype= ?
3. Вернитесь в Блокнот и щелкните в конец введенного списка.
Вставьте тег <DL>, он начинает список определений.
Вставьте список определяемых слов (терминов), предваряя их тегом <DT>
Вставьте список соответствующих определений, предваряя их тегом <DD>
Завершите список тегом </DL>. Например, сделайте так:
| <html> <head><title> Пример 8 </title> </head> <body> <OL type="1"> <LI>Диван <LI>Кровать <LI>Тумба <LI>Сервант </OL> <UL type="square"> <LI>Диван <LI>Кровать <LI>Тумба <LI>Сервант </UL> <DL> <DT>Диван <DT>Кровать <DT>Тумба <DT>Сервант <DD>На нём отдыхают <DD>На ней спят <DD>На ней сидят <DD>Для посуды </DL> </body> </html> |
Сохраните документ под тем же именем. В Internet Explorer щелкните Обновить. Посмотрите, как выглядит на web-странице список определений.
Дата добавления: 2015-02-23; просмотров: 719;