Создание списков. Задание. Создадим 3 списка: нумерованный, маркированный, определений

ЗАДАНИЕ. Создадим 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-странице список определений.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: