Отправляет email-рассылки с помощью сервиса Sendsay

WebDix советует...

  Все выпуски  

WebDix советует... Совет #58


[html] Нумерованные списки

Списки не часто используют на своих сайтах большинство веб-мастеров. Те, кто использует, стараются использовать ненумерованные списки, про нумерованные списки многие вообще не слышали. Например, я в этой рассылке никогда не использую автоматические нумерованные списки, только те, что сделанные вручную. А между тем нумерованные списки достаточно интересная вещь и может очень помочь при составлении больших списков. Например, список из 50 предметов, перед каждым из которых должна стоять соответствующая римская цифра с определённым форматированием. Уверен, вручную вы это будете долго делать, потому что при внесении изменений придётся заново перебирать весь список. Поэтому давайте повторим, как сделать нумерованные списки в html.

Нумерованный список, также как и ненумерованый состоит из двух пар тегов. Первая пара определяет тип списка и отвечает за весь список сразу, вторая пара за отдельную строчку. Первая пара тегов: <ol> </ol>; вторая пара: <li></li>. Таким образом, простейший нумерованный список будет выглядеть так.

<ol>
  <li>RusForumz.com</li>
  <li>WebDix.ru</li>
</ol>

Нужно помнить, что закрывающие теги ОБЯЗАТЕЛЬНЫ.

Теперь перейдём к более сложным модификациям этого списка. Как я написал раньше нумерованный список может состоять не только из арабских цифр, но и римских, и букв. Вот какие параметры есть у тега <ol>

<ol type="A | a | I | i | 1">...</ol>

Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от параметров тега OL, который и используется для создания списка. В качестве маркеров могут быть следующие значения:

заглавные латинские буквы;
строчные латинские буквы;
заглавные римские цифры;
строчные римские цифры;
арабские цифры

То есть, если я хочу, чтобы у меня вместо маркеров были заглавные римские цифры, я пишу следующее:

  <ol type="I">
  <li>RusForumz.com</li>
  <li>WebDix.ru</li>
</ol>

С остальными параметрами точно так же. Надеюсь, всё подробно расписал. Теперь осталось только использовать это всё. 

На этом сегодня всё. До завтра! 

Nikitar

PS. У вас есть вопрос, связанный с веб-дизайном, flash-анимацией или photoshop'ом? Задайте мне его по мылу, и я вам отвечу либо лично, либо направлю к специалистам, которые с радостью ответят на ваш вопрос. Можно писать прямо вот отсюда: http://webdix.ru/konkakt.html

 WebDix.ru - сайт журнала о веб-дизайне WebDix

WebDix #15 - скачать выпуск журнала

RusForumz.com - форум о веб-дизайне

В избранное