Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
ЯМаркет
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <li>



Пример

Один упорядоченный (<ol>) и один неупорядоченный (<ul>) HTML список:

<ol>
  <li>Кофе</li>
  <li>Чай</li>
  <li>Молоко</li>
</ol>

<ul>
  <li>Кофе</li>
  <li>Чай</li>
  <li>Молоко</li>
</ul>
Попробуйте сами »

Определение и использование <li>

Тег <li> определяет элемент списка.

Тег <li> используется внутри упорядоченных списков(<ol>), неупорядоченных списков (<ul>), и в списках меню (<menu>).

В элементах <ul> и <menu>, списки обычно отображаются с маркированными точками.

В элементах <ol>, списки обычно отображаются цифрами или буквами.

Совет: Используйте CSS Списки стилей.


Поддержка браузеров <li>

Элемент
<li> Да Да Да Да Да

Атрибуты <li>

Атрибут Значение Описание
value number Только для списков <ol>. Задает начальное значение элемента списка. Следующие элементы списка будут увеличиваться от этого числа

Глобальные атрибуты <li>

Тег <li> также поддерживает Глобальные атрибуты в HTML.


События атрибутов <li>

Тег <li> также поддерживает События атрибутов в HTML.


Еще примеры <li>

Пример

Использование атрибута value в упорядоченном списке:

<ol>
  <li value="100">Кофе</li>
  <li>Чай</li>
  <li>Молоко</li>
  <li>Вода</li>
  <li>Сок</li>
  <li>Пиво</li>
</ol>
Попробуйте сами »
Пример

Выделяют разные типы стилей (с помощью CSS):

<ol>
  <li>Кофе</li>
  <li style="list-style-type:lower-alpha">Чай</li>
  <li>Молоко</li>
</ol>

<ul>
  <li>Кофе</li>
  <li style="list-style-type:square">Чай</li>
  <li>Молоко</li>
</ul>
Попробуйте сами »
Пример

Создайте список внутри списка (вложенный список):

<ul>
  <li>Кофе</li>
  <li>Чай
    <ul>
      <li>Черный чай</li>
      <li>Зеленый</li>
    </ul>
  </li>
  <li>Молоко</li>
</ul>
Попробуйте сами »
Пример

Создайте более сложный вложенный список:

<ul>
  <li>Кофе</li>
  <li>Чай
    <ul>
      <li>Черный чай</li>
      <li>Зеленый чай
        <ul>
          <li>Китайский</li>
          <li>Африканский</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Молоко</li>
</ul>
Попробуйте сами »

Связные страницы <li>

HTML учебник: HTML Списки

HTML DOM справочник: Объект li

CSS Учебник: CSS Списки


Настройки CSS по умолчанию <li>

Большинство браузеров будут отображать элемент <li> со следующими значениями по умолчанию:

li {
  display: list-item;
}