 |
|
Вложенные списки. Пример
Занятие 3. Создание списков
Ненумерованный список имеет вид:
· арбуз
· дыня
· груша
· яблоко
Записывается в виде последовательности:
<UL>
<LI>арбуз</LI>
<LI>дыня</LI>
<LI>груша</LI>
<LI>яблоко</LI>
</UL>
Вид маркера задается командой type:
| <UL> | Обычный диск (зависит от браузера) | |
| <UL type=circle> | ○ | Окружность |
| <UL type=disc> | ● | Диск |
| <UL type=square> | ▀ | Квадрат |
Пример
<HTML>
<HEAD>
<TITLE> Списки </TITLE>
</HEAD>
<BODY>
<H1> Ненумерованный список</H1>
<UL>
<LI>арбуз</LI>
<LI>дыня</LI>
<LI>груша</LI>
<LI>яблоко</LI>
</UL>
<H1> Сделаем квадратный маркер</H1>
<UL type=square>
<LI>арбуз</LI>
<LI>дыня</LI>
<LI>груша</LI>
<LI>яблоко</LI>
</UL>
</BODY>
</HTML>
Нумерованный список задается при помощи команды <OL>:
<OL>
<LI>Первый элемент списка</LI>
<LI>Второй элемент списка</LI>
<LI>Последний элемент списка</LI>
</OL>
Вид номера определяется значением type в команде <OL>:
| Команда | Вид номера на экране |
| <OL> | Нумерация выполняется арабскими цифрами (1, 2, 3 и т.д.) |
| <OL type=1> | Нумерация выполняется арабскими цифрами (1, 2, 3 и т.д.) |
| <OL type=А> | Нумерация выполняется прописными буквами (А, В, С и т.д.) |
| <OL type=а> | Нумерация выполняется строчными буквами (a, b, c и т.д.) |
| <OL type=I> | Нумерация выполняется большими римскими цифрами (I, II, III) |
| <OL type=i> | Нумерация выполняется малыми римскими цифрами (i, ii, iii) |
Если указать <OL start=n>, то нумерация начнется не с 1, а с номера n.
Если указать <LI value=n>, то текущий пункт списка будет иметь номер n.
Пример
<HTML>
<HEAD>
<TITLE> Списки </TITLE>
</HEAD>
<BODY>
<H1> Нумерованный список</H1>
<OL>
<LI>арбуз</LI>
<LI>дыня</LI>
<LI>груша</LI>
<LI>яблоко</LI>
</OL>
<H1> Нумерация прописными буквами</H1>
<OL type=A>
<LI>арбуз</LI>
<LI>дыня</LI>
<LI>груша</LI>
<LI>яблоко</LI>
</OL>
</BODY>
</HTML>
Список определенийимеет вид:
Задается командами:
| <DL> <DT>Пункт 1 <DD>Определение пункта 1 <DD>Другое определение пункта1 <DT>Пункт 2 <DD>Определение пункта 2 </DL> |
Пример
<HTML>
<HEAD>
<TITLE> Списки </TITLE>
</HEAD>
<BODY>
<H1> Список определений</H1>
<DL>
<DT> арбуз
<DD>бахчевая культура</DD>
<DD>мякоть красного цвета</DD>
</DT>
<DT>груша
<DD>растет на дереве</DD>
</DT>
</DL>
</BODY>
</HTML>
Вложенные списки. Пример
<BODY>
<H1> Вложенный список</H1>
<UL>
<LI> Мясо
<OL>
<LI> говядина, свинина, баранина</LI>
<LI> курица, утка, гусь</LI>
</OL>
</LI>
<LI> Крупы
<UL type=circle>
<LI> гречка</LI>
<LI> манка</LI>
</UL>
</LI>
<LI> Молочные продукты
<UL type=square>
<LI> кефир
<OL>
<LI> волжские просторы </LI>
</OL>
</LI>
</UL>
</LI>
<LI> Фрукты и овощи </LI>
</UL>
</BODY>