Главная  Добавить в избранное Сделать стартовой Статьи |  Flash |  Photoshop |  Графика |  Форум |  Полезные ресурсы |  Контакты |  О проекте | 

Разделы статей
- Web-дизайн
- HTML/CSS
- PHP
- JavaScript
- СЕО/Продвижение
- Домены
- О Скриптах
- Веб-дизайн - Советы
- Компьютеры/Интернет

Информация

Портал Rusforumz постоянно ищет авторов статей, при публикации соблюдаются все ваши авторские права и вы можете вставить ссылку на свой сайт. Статьи должны быть уникальными, а не скопированные с других ресурсов или книжек. Если вы хотите опубликовать свою статью, то свяжитесь с нами через раздел "Конаткты".


Популярные статьи

Статистика


Rambler's Top100
Статьи о web-дизайне


Статьи для web-мастеров » HTML/CSS » Нумерованные списки


Нумерованные списки Раздел: HTML/CSS
Списки не часто используют на своих сайтах большинство веб-мастеров. Те, кто использует, стараются использовать ненумерованные списки, про нумерованные списки многие вообще не слышали. Например, я в этой рассылке никогда не использую автоматические нумерованные списки, только те, что сделанные вручную. А между тем нумерованные списки достаточно интересная вещь и может очень помочь при составлении больших списков. Например, список из 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
При копировании данной статьи гиперссылка на портал http://rusforumz.com обязательна!
 
Реклама