При создании текстового контента часто используются списки. Они предоставляют возможность упорядочить и систематизировать данные, относящиеся к одной тематике, представить их в наглядном и удобном для пользователя виде. При добавлении или удалении отдельных пунктов список корректируется автоматически.
Выделяют три вида списков: маркированные, нумерованные и многоуровневые (вложенные). В случае маркированных (ненумерованных) списков программа ставит перед каждым пунктом маркеры: кружки, прямоугольники, ромбы или другие изображения, а в случае нумерованных – цифры или, реже, латинские или русские буквы.
На этом занятии мы научимся создавать одноуровневые маркированные и нумерованные списки. Многоуровневые списки будем создавать чуть позже, используя совместно HTML и каскадные таблицы стилей.
Маркированные списки
Теги создания ненумерованного списка: <UL><LI>…</LI></UL>.
Тег <UL> является своеобразным обрамлением списка. Он позволяет отделять один список от другого. Тег <LI> обозначает каждый из пунктов списка (также и в нумерованном), например:
<UL>
<LI> Пункт 1</LI>
< LI>Пункт 2</LI>
< LI>Пункт 3</LI>
</UL>
Вид на экране:
- Пункт 1
- Пункт 2
- Пункт 3
Маркеры могут принимать один из трех видов: чёрный круг (по умолчанию), окружность и чёрный квадрат. Для выбора стиля маркера используется атрибут type тега <ul>. Допустимые значения атрибута приведены в таблице: