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

Многие из вас уже создавали маркированные и нумерованные списки в редакторе MS Word. Внешний вид списков в чистом HTML почти ничем не отличается от них. Чтобы создать список, необходимо каждый пункт этого списка заключить в тег элемента списка <li>, а затем все элементы списка заключить в один общий тег - контейнер, обозначающий маркированный <ul> или нумерованный <ol> список. В данном примере я покажу, как создаётся маркированный список:

<ul>
    <li>1ый элемент списка</li>
    <li>2ой элемент списка</li>
    <li>3ий элемент списка</li>
</ul>

Нумерованный список создаётся таким же образом, только вместо тега <ul> используется тег <ol>.

Также возможно делать вложенные списки. Для этого в элемент списка вставляется ещё один список. То, в какой последовательности вы вкладывается маркированные и нумерованные списки друг в друга, не имеет значения. Вы можете вкладывать в нумерованный список совершенно любой вид списков. Аналогично и для маркированного. Пример вложения в маркированный список нумерованного:

 <ul>                                
     <li>1ый маркированного списка</li>        
     <li>2ой маркированного списка            
         <ol>                            
             <li>1ый нумерованного списка</li>    
             <li>2ой нумерованного списка</li>    
             <li>3ий нумерованного списка</li>    
         </ol>                            
     </li>                            
     <li>3ий маркированного списка</li>        
</ul>