Нумерованный список в Html

Нумерованный список в HtmlНумерованные списки в Html, как и другие теги начинают забываться, когда веб-мастер все больше и больше использует для автоматизации такие программы как Dreamweaver. А что код самому писать не надо, нажал пару кнопочек, написал, какой текст там должен быть и все.

Но все равно самые важные теги должен знать каждый веб-мастер.

Чтобы вызвать нумерованный список в Html есть тег <ol></ol>.

Каждый элемент в нумерованном списке нужно заключить в теги <li></li>.

Смотрите пример:

<ol>
<li> Украина </li>
<li> Россия </li>
<li> США </li>
<li> Германия </li>
</ol>

В браузере это дело будет выглядеть вот так:

  1. Украина
  2. Россия
  3. США
  4. Германия

По умолчанию в нумерованном списке цифры начинаются с единицы и далее идут по порядку, они проставляются автоматически.

Тегу <ol> можно задать атрибут type, который может иметь следующие значения:

1 – арабские цифры (по умолчанию);
А – латинские большие буквы;
а – латинские маленькие буквы;
I – римские большие цифры;
i – римские маленькие цифры.

Также есть атрибут start, который указывает, с какой цифры нужно начинать. Смотрите пример.

<ol type=»I» start=»3″>
<li> Украина </li>
<li> Россия </li>
<li> США </li>
<li> Германия </li>
</ol>

В браузере у нас должны отобразиться страны, рядом будут римские цифры начиная с третьей. Смотрим:

  1. Украина
  2. Россия
  3. США
  4. Германия

И действительно так получилось, вот таким образом можно работать с нумерованными списками в Html.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *