Лабораторная работа №7. Списки в HTML

Цель:

— научиться работать со списками в HTML

Ход работы.

1.Запустите текстовый редактор и наберите следующий текст:

<HTML>

<HEAD>

<TITLE>Вторая страница </TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

2. Сохраните файл с именем «2.HTML»

3. Сверните текстовый редактор и откройте этот файл при помощи Браузера.

4. После первого слова <BODY> добавьте следующий код:

<UL>

<LI> Первый пункт списка </LI>

<LI> Второй пункт списка </LI>

<LI> Третий пункт списка </LI>

</UL>

5. Сохраните файл и откройте его при помощи браузера. На экране должен появиться маркированный список.

6. Измените данный фрагмент следующим образом и убедитесь, что все по-прежнему работает.

<UL TYPE=»disk» >

<LI> Первый пункт списка

<LI> Второй пункт списка

<LI> Третий пункт списка

</UL>

Изменяя «disk» на circle и square посмотрите как изменяется вид маркеров.

7. После этого фрагмента добавьте следующий текст:

<OL>

<LI> Первый пункт списка

<LI> Второй пункт списка

<LI> Третий пункт списка

</OL>

Сохраните файл, откройте его в браузере и убедитесь, что появился нумерованный список.

8. Измените его следующим образом:

<OL TYPE=i START=3>

<LI> Первый пункт списка

<LI> Второй пункт списка

<LI> Третий пункт списка

</OL>

Изменяя iна 1, i, I, a, A убедитесь, меняется вид нумерации, а изменяя цифру 3 можно установить любой начальный номер.

9. Если внутрь нумерованного списка добавить маркированный, следующим образом:

<OL TYPE=»1″ START=»2″>

<LI> Пункт два </LI>

<UL>

<LI> Первый пункт списка

<LI> Второй пункт списка

<LI> Третий пункт списка

</UL>

<LI> Пункт три </LI>

<LI> Пункт четыре </LI>

</OL>

То на экране должен получится комбинированный список:

  • Пункт два

Первый пункт списка

Второй пункт списка

Третий пункт списка

3. Пункт три

4. Пункт четыре

Практическое задание.

1. Создать страницу со списком группы используя нумерованный список

2. Создать веб страницу по образцу, используя списки.

Лабораторная работа №7. Списки в HTML
Заказать сайт

    ×
    Заказать сайт для учебы

      ×