Урок 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>

Результат

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

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