Урок 2.5: Маркированный список

В я зыке HTML создание маркированного списока (список без нумерации) осуществляется парным тегом <ul> ... </ul>.
Тег <ul> указывает браузеру, что перед ним маркированный список.
Для указания пункта списка используется парный тег <li> ... </li>.

Пример

<html>  
  <head>   
    <title>Маркированный список</title>  
  </head>  
  <body>   
    <ul>    
      <li>Язык HTML</li>    
      <li>Язык CSS</li>    
      <li>Язык PHP</li>   
    </ul>  
  </body> 
</html>

Результат

Маркированный список

Любой список можно сделать вложенным. Для этого нужно внутри пункта списка (тег <li>) разместить еще один список.

Пример

<html>  
  <head>   
    <title>Маркированный список</title>  
  </head>  
  <body>   
    <ul>    
      <li>Язык HTML      
        <ul>       
          <li>Описание</li>      
          <li>Справочник</li>      
          <li>Уроки</li>     
        </ul>     
      </li>    
      <li>Язык CSS</li>    
      <li>Язык PHP</li>   
    </ul>  
  </body> 
</html>

Результат

Вложенный маркированный список

Вложенность списков может быть бесконечной.

Изменение вида маркера

Для изменения вида маркера у тега <ul> существует атрибут type с параметрами:

  • disc (установлен по умолчанию)
  • square
  • circle

Пример

<html>  
  <head>   
    <title>Маркированный список</title>  
  </head>  
  <body>   
    <ul type="square">    
      <li>Язык HTML      
        <ul type="circle">       
          <li>Описание</li>      
          <li>Справочник</li>      
          <li>Уроки</li>    
        </ul>   
      </li>   
      <li>Язык CSS</li>   
      <li>Язык PHP</li>   
    </ul>  
  </body> 
</html>

Результат

Изменение вида маркера

<< Индексы | Перечень уроков | Нумерованный список >>