Списки html-страницы
На этом уроке познакомимся с таким элементом форматирования текста, как списки.
Основное назначение списков - создание перечня каких-либо позиций. Списки состоят из пунктов, которые могут быть пронумерованными или непронумерованными.
Пронумерованный список называется нумерованным. Нумерованный список применяют в тех случаях, когда его позиции должны следовать в строго определенном порядке.
Непронумерованный список называется маркированным. Маркированные списки используют для простого перечисления позиций, когда их последовательность не важна.
Браузер отображает список с отступом слева, а расстояние между пунктами списка меньше, чем в абзацах или заголовках.
Для оформления списков применяют следующие теги:
- UL - маркированный список (конечный тег обязателен);
- OL - нумерованный список (конечный тег обязателен);
- LI - элемент списка (конечный тег не обязателен);
- DL - многоуровневый список (список определений, конечный тег обязателен);
- DT - термин списка определений (конечный тег не обязателен);
- DD - определение термина (конечный тег не обязателен).
Списки можно помещать друг в друга. Такие списки называются вложенными списками. Уровень вложенности не регламентируется. Вложенные списки могут включать как маркированные, так и нумерованные списки.
Списки и их пункты являются блочными элементами html-страницы, подобно абзацам и заголовкам.
ПРИМЕР маркированного списка:
Фрукты: <ul> <li>арбуз; <li>дыня; <li>слива; <li>яблоко. </ul> |
ПРИМЕР нумерованного списка:
Фрукты: <ol> <li>арбуз; <li>дыня; <li>слива; <li>яблоко. </ol> |
ПРИМЕР вложенного списка:
<ul> <li>Фрукты: <ol> <li>апельсин; <li>банан; <li>манго. </ol> <li>Овощи: <ol> <li>томат; <li>огурец; <li>картофель. </ol> </ul> |
ПРИМЕР списка определений:
<dl> <dt>Физика <dd>Наука об окружающем нас мире <dt>Химия <dd>Наука о веществе </dl> |
Атрибуты списков
Тип маркера:
<UL type="circle"> - окружность; <UL type="disc"> - диск; <UL type="square"> - квадрат.
Тип нумерации:
<OL type="1"> - арабские цифры (1,2,3..); <OL type="A"> - прописные буквы (A,B,C..); <OL type="a"> - строчные буквы (a,b,c..); <OL type="I"> - прописные римские цифры (I,II,III..); <OL type="i"> - строчные римские цифры. <LI skip="4">
Атрибут skip задает пропуск заданного количества пунктов нумерации (в данном случае 4).
<OL type="A" start="3">
Атрибут start указывает новое начало нумерации (в данном случае нумерация будет начата с третьей буквы латинского алфавита - С и продолжена далее по алфавиту).