Li html тег: Тег | htmlbook.ru

Тег HTML элемент списка

Рейтинг: 5 из 5, голосов 2

02 октября 2019 г.

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

Тег <li> должен быть дочерним тегом нумерованного списка <ol> или маркированного списка <ul>.

При помощи CSS свойств для конкретного пункта списка можно изменять параметры: тип маркера, его положение (для маркированного списка), тип нумерации (для нумерованного списка). Подробнее на странице: Создание списков. Все о HTML списках.

Синтаксис

<li>контент элемента</li>

Отображение в браузере

Тег li в маркированном списке:

Основные характеристики 3D принтера:

  • Область печати
  • Точность позиционирования по осям X, Y, Z
  • Диаметр сопла
  • Диаметр нити
  • Высота слоя
  • Скорость печати

Тег li в нумерованном списке:

Документы для подачи заявки на визу:

  1. Действительный заграничный паспорт
  2. Визовая анкета
  3. Одна фотография длиной и шириной 5 см
  4. Письмо-подтверждение назначенного собеседования

Пример использования <li> в HTML коде

<!DOCTYPE html>
<html>
<head>
<title>Элемент li в маркированном HTML списке</title>
</head>
<body>
<ul>
<li>Область печати</li>
<li>Точность позиционирования по осям X, Y, Z</li>
<li>Диаметр сопла</li>
<li>Высота слоя</li>
<li>Скорость печати</li>
</ul>
</body>
</html>

Поддержка браузерами

Тег
<li> Да Да Да Да Да

Атрибуты тега <li>

Атрибут Значение Описание
value число

Устанавливает значение нумерации для текущего пункта. Последующие пункты <li> будут иметь номера идущие за указанным.
Только для нумерованных списков <ol>.

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

Устаревшие атрибуты

Атрибут Значение Описание
type 1
A
a
I
i
disc
square
circle

Тип оформления списка:

1 — арабские цифры (1, 2, 3, 4, 5…).
A — английский алфавит. Заглавные (прописные) буквы (A, B, C, D, E…).
a — английский алфавит. Строчные буквы (a, b, c, d, e…).
I — римские цифры. Заглавные (прописные) символы (I, II, III, IV, V…).
i — римские цифры. Строчные символы (i, ii, iii, iv, v…).
disc — маркер — диск (заполненный круг).
square — маркер — кольцо.
circle — маркер — квадрат.

by Lebedev

Тег | HTML справочник

HTML теги

Значение и применение

Каждый элемент списка начинается с тега <li> (сокращенное от английского list item — элемент списка). Данный элемент используется в нумерованных (упорядоченных) списках (<ol>), маркированных (неупорядоченных) списках (<ul>) и в контекстных меню(<menu>).

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

Поддержка браузерами

Тег
Chrome

Firefox

Opera

Safari

IExplorer

Edge
<li>ДаДаДаДаДаДа

Атрибуты

АтрибутЗначениеОписание
type1
A
a
I
i
disc
square
circle
Не поддерживается в HTML5 .

Указывает тип маркера, который будет использоваться.
Используйте вместо данного атрибута CSS свойство list-style-type, либо для некоторых задач атрибут type к нумерованным (упорядоченным) спискам(<ol>).
valuenumberЗадает значение для элемента списка, при этом значение следующих пунктов списка будет продолжено (инкрементировано). Значение должно быть целочисленным и может быть использовано только в нумерованных списках (<ol>). Допускается использование отрицательных значений.

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Пример использования атрибута value HTML тега <li></title>
</head>
<body>
<ol> 
	<li value="10">Первый пункт</li&gt  <!--указываем, что элемент списка начнётся со значения "10" --> 
	<li>Второй пункт</li>
	<li>Третий пункт</li>
</оl>
<ol> 
	<li value="-5">Первый пункт</li&gt  <!--указываем, что элемент списка начнётся со значения "-5" --> 
	<li>Второй пункт</li>
	<li>Третий пункт</li>
</оl>
<ol  type = "A">  <!--указываем, что список формируется в алфавитном порядке заглавными буквами --> 
	<li value="2">Первый пункт</li&gt <!--указываем, что элемент списка начнётся с заглавной буквы "B" (вторая в алфавите) --> 
	<li>Второй пункт</li>
	<li>Третий пункт</li>
</оl>
</body>
</html>
Пример использования атрибута value HTML тега <li>(задает значение для элемента списка).

Отличия HTML 4.01 от HTML 5

В HTML5 атрибут type больше не поддерживается. Атрибут value считался устаревшим в HTML4, но вновь введен в HTML5.

Значение CSS по умолчанию

li { display: list-item; }

Поддержка глобальных атрибутов

Элемент поддерживает «глобальные атрибуты».

Атрибуты событий

Элемент поддерживает «атрибуты событий».

HTML теги

Тег HTML »

В тегах HTML

Раскрытие информации: Ваша поддержка помогает сайту работать! Мы зарабатываем комиссионные за некоторые услуги, которые мы рекомендуем на этой странице. Узнать больше

Элемент
Списки наводят порядок на веб-страницах: вот HTML-код для их создания
Что делает
  • HTML-тег ?
  • Элемент
  • определяет элемент списка, который является частью упорядоченного и неупорядоченного списка элементов.
  • Дисплей
    Блок
    Использование
    Текст

    Содержание

    • 1 Пример кода
    • 2 Дисплей основан на типе списка
    • 3 Бруузер <ол>
    • Сначала мы делаем это,
    • и затем мы делаем это,
    • и затем мы делаем это.
      1. Сначала мы делаем это,
      2. , а затем делаем это,
      3. и тогда мы делаем это.

      Отображение основано на типе списка

      Элемент

    • должен быть дочерним элементом либо для элемента
        (упорядоченный список), либо для элемента
          (неупорядоченный список).
            определяет список с некоторой системой нумерации, поэтому элементы списка в нем обычно начинаются с числа, римской цифры или буквы. Список
              почти всегда маркирован. Элементы списка являются элементами уровня блока и содержат потоковое содержимое, что означает (среди прочего), что каждый может иметь другие списки в качестве своего содержимого. Вот как вы создаете вложенный или многоуровневый список (например, схему).

               
              • Что я хочу, чтобы мой сын знал
                • Нематериальное
                  • Любовь
                  • Безопасность
                  • Счастье
                  • < /ul>
                  • Осязаемые объекты
                    • Цвета
                      • Красный
                      • Синий
                      • Зеленый
                      • Фиолетовый< /li>
                      • Оранжевый
                      • Желтый
                    • Цифры
                    • Буквы
                    • Правила поведения за столом
                    • li>
              • Things I want my son to know
                • Intangibles
                  • Love
                  • Security
                  • Happiness
                • Tangibles
                  • Colors
                    • Red
                    • Blue
                    • Green
                    • Purple
                    • Orange
                    • Yellow
                  • Числа
                  • Буквы
                  • Манеры за столом

              Адам Вуд

              Адам — технический писатель, специализирующийся на документации для разработчиков и учебных пособиях.

              Browser Support for li

              All All All All All All

              Attributes of li

              Имя атрибута Значения Примечания
              тип
              Указывает маркер или стиль нумерации для отдельного элемента списка.
              значение
              Задает значение счетчика для элемента списка в нумерованном списке.

              Списки HTML — javatpoint

              следующий → ← предыдущая

              Списки HTML используются для указания списков информации. Все списки могут содержать один или несколько элементов списка. Существует три разных типа списков HTML:

              1. Заказной список или нумерованный список (ol)
              2. Неупорядоченный список или маркированный список (ul)
              3. Список описаний или список определений (дл)
              Примечание.
              Мы можем создать список внутри другого списка, который будет называться вложенным списком.

              Упорядоченный список HTML или нумерованный список

              В упорядоченных списках HTML все элементы списка по умолчанию отмечены цифрами. Он также известен как нумерованный список. Упорядоченный список начинается с тега

                , а элементы списка начинаются с тега
              1. .

                <ол>

              2. Овен
              3. Бинго
              4. Лев
              5. Оракул

              Протестируйте сейчас

              Выход:

              1. Овен
              2. Бинго
              3. Лев
              4. Оракул

              Щелкните здесь для получения полной информации об упорядоченном списке HTML. Упорядоченный список HTML


              Неупорядоченный список HTML или маркированный список

              В неупорядоченном списке HTML все элементы списка отмечены маркерами. Он также известен как маркированный список. Ненумерованный список начинается с тега

                , а элементы списка начинаются с тега
              • .

                <ул>

              • Овен
              • Бинго
              • Лев
              • Оракул

              Протестируйте сейчас

              Выход:

              • Овен
              • Бинго
              • Лев
              • Оракул

              Щелкните здесь для получения полной информации о неупорядоченном списке HTML. Ненумерованный список HTML


              Список HTML-описаний или список определений

              Список HTML-описаний также является стилем списка, поддерживаемым HTML и XHTML. Он также известен как список определений, где записи перечислены как словарь или энциклопедия.

              Список определений очень удобен, когда вы хотите представить глоссарий, список терминов или другой список значений имени.

              Список определений HTML содержит следующие три тега:

              1. Тег
                определяет начало списка.
              2. Тег
                определяет термин.
              3. Тег
                определяет определение термина (описание).

              <дл>

              Овен
              -Один из 12 знаков гороскопа.
              Бинго
              -Одна из моих вечерних закусок
              Лев
              -Это также один из 12 знаков гороскопа.
              Оракул
              -Это многонациональная технологическая корпорация.

              Протестируйте сейчас

              Выход:

              Овен
              — Один из 12 знаков гороскопа.

              Добавить комментарий

              Ваш адрес email не будет опубликован. Обязательные поля помечены *