Практическая работа №5 Списки

Практическая работа №5

Списки

Цель: Сформировать навыки  оформления списков в Web-документах.

Новые дескрипторы и атрибуты: <UL>, <OL>, <LI>, TYPE

<UL> —  создание маркированного  списка

TYPE = disc — маркеры отображаются закрашенными кружочками.

TYPE = circle — маркеры отображаются не закрашенными кружочками

TYPE = square — маркеры отображаются закрашенными квадратиками

.

<OL> — создание нумерованного списка

TYPE = А — задает маркеры в виде прописных латинских букв

TYPE = а — задает маркеры в виде строчных латинских букв

TYPE = I — задает маркеры в виде больших римских цифр

TYPE = I — задает маркеры в виде маленьких римских цифр

TYPE = 1 — задает маркеры в виде арабских цифр

<LI>— тэг с которого начинается каждый элемент списка

Задание 1.

1. Создайте   Web-документ под именем ПР№5 фамилия.html.
2. Скопируйте в документ, содержащий html-код, следующий текст:

Маркированный список

Знаки Зодиака

Овен

Телец

Близнецы

Рак

Лев

Дева

Весы

Скорпион

Стрелец

Козерог

Водолей

Рыбы

3. Используя теги оформления списка оформите текст в виде маркированного списка.
4. Протестируйте документ ПР№5 фамилия.html.
5. В документе ПР№5 фамилия.html задайте  тип маркеров в виде не закрашенных кружочков.
6. Протестируйте документ.
7. В документе ПР№5 фамилия.html задайте  тип маркеров в виде закрашенных квадратиков.
8. Вставьте после списка горизонтальную линию.
9. Протестируйте документ.

Задание 2.

1.      Скопируйте в документ ПР№5 фамилия.html, содержащий html-код, текст и вставьте его после горизонтальной линии:

 Нумерованный список

Наиболее яркие звезды, видимые с Земли.

Сириус

Канопус

Арктур

Альфа Центавра

Вега

Капелла

Ригель

Процион

Ахернар

Бета Центавра

Бетедьгейзе

Альдебаран

Мицар

Полярная

1.      Используя теги оформления списка оформите текст в виде нумерованного списка.

2.      Вставьте после нумерованного списка горизонтальную линию.

3.      Протестируйте документ.

4.      Изменяя значения параметра TYPE в нумерованном списке посмотрите как изменяется вид нумерованного списка.

Задание 2.

1. Скопируйте в документ ПР№5 фамилия.html, содержащий html-код, текст и вставьте его после последней горизонтальной линии:

Вложенные списки

Спутники некоторых планет

Земля

    Луна

Марс

    Фобос

    Деймос

Уран

     Ариэль

     Умбриэль

     Титан

     Оберон

     Миранда

Нептун

     Тритон

     Нереида

2. Используя теги маркированного и нумерованного списка  отформатируйте текст следующим образом: названия планет — маркированный список, названия спутников планет — нумерованный список, вложенный в соответствующий элемент маркированного списка.
3. Протестируйте документ.