Веб-компас сайтостроителей
/ Все статьи / HTML / Основы HTML / Создание списков

Создание списков

На странице веб-сайта можно расположить маркированные и нумерованные списки. Для создания маркированного списка применяется тег <ul> с закрывающим тегом </ul>. Все содержимое, заключенное этими тегами, считается маркированным списком, при этом, каждый элемент списка должен быть обозначен тегом <li> с закрывающим тегом </li>. Хотя в HTML можно и не указывать закрывающий тег </li>, а для xhtml, естественно, он обязателен. Например
Код
Наша фирма может предоставить Вам следующие виды услуг
<ul>
 <li>Дизайн сайтов</li>
<li>Разработка сайтов</li>
<li>Раскрутка сайтов</li>
</ul>

Для организации нумерованного списка на веб-страничке нужно использовать тег <ol> с закрывающим тегом </ol>. Элементы списка опять же создаются тегом <li>(</li>). Например
Код
Наша фирма может предоставить Вам следующие виды услуг
<ol>
<li> Дизайн сайтов </li>
<li> Разработка сайтов </li>
<li> Раскрутка сайтов </li>
</ol>

Нумерованные и маркированные списки в большинстве браузеров выделяются небольшим отступом.
Можно делать вложенные списки, используя все те же теги, просто поместить новый список внутри уже начатого списка. Причем схема расположения тегов списков получиться примерно следующая
Код
<ul>
   <ul>
     <ul>
     </ul>
  </ul>
</ul>

Например
Код
Наша фирма может предоставить Вам следующие виды услуг
<ol>
<li> Дизайн сайтов </li>
<li> Разработка сайтов
  <ul>
  <li>Сайтов-визиток</li>
  <li>Форумов</li>
  <li>Блогов</li>
  </ul>
 </li>
<li> Раскрутка сайтов </li>
</ol>

Можно задать вид маркера, который будет отображаться вначале у каждого элемента маркированного списка атрибутом type тега <ul>. Атрибут type может принимать следующие значения:
  • disc – маркер будет в виде закрашенного кружка;
  • square – маркер примет вид квадрата;
  • circle – маркер примет вид не закрашенной окружности.

Например
Код
<ul type="square">

Можно задать тип нумерации элементов нумерованного списка атрибутом type тега <ol>. По умолчанию (атрибут type не указан) нумерация элементов происходит арабскими цифрами, также нумерация будет идти арабскими цифрами, если указать в качестве значения атрибута type цифру "1". Если присвоить атрибуту type значение "i", то нумерация будет происходить римскими цифрами (с использованием строчных букв). Если присвоить атрибуту type значение "I", то нумерация будет происходить римскими цифрами (с использованием прописных букв). Если присвоить атрибуту type значение "a", то нумерация будет происходить строчными латинскими буквами. Если присвоить атрибуту type значение "A", то нумерация будет происходить прописными латинскими буквами.
Так же для нумерованного списка можно задать начальное значение, с которого будет продолжена нумерация элементов списка атрибутом start тега <ol>, например
Код
<ol type="a" start="5">

Комментарии к публикации
Комментариев к публикации нет...
Добавить комментарий
Новости сайта
Последние публикации в каталоге статей