Лабораторная работа №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>
То на экране должен получится комбинированный список:
- Пункт два
o Первый пункт списка
o Второй пункт списка
o Третий пункт списка
3. Пункт три
4. Пункт четыре
Практическое задание.
1. Создать страницу со списком группы используя нумерованный список
2. Создать веб страницу по образцу, используя списки.