Тег <li>

IE
3.0+
Chrome
1.0+
Opera
4.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

Тег <li> определяет отдельный элемент списка. Внешний тег <ul> или <ol> устанавливает тип списка - маркированный или нумерованный.

Закрывающий тег не обязателен.

<!-- Маркированный список -->
<ul>
   <li>элемент 1</li>
   <li>элемент 2</li>
</ul> 

<!-- Нумерованный список -->
<ol>
   <li>элемент 1</li>
   <li>элемент 2</li>
</ol>

Атрибуты

type: Устанавливает вид маркера нумерованного или маркированного списка.
value: Число, с которого будет начинаться нумерованный список.

Также для этого тега доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег li</title>
 </head>
 <body>

  <ul>
   <li>Картина</li>
   <li>Корзина</li>
   <li>Картонка</li>
   <li>Маленькая собачонка</li>
  </ul>

 </body>
</html>

Результат данного примера показан на рисунке ниже:

Вид маркированного списка в браузере

Категория:Списки

Статьи по теме