«Единственный способ творить великие дела – это любить то, что ты делаешь»
HTML



Далее на странице



Тег <li> предназначен для создания пункта в списке.

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

Закрывающий тег

Используется, но не обязателен


Атрибут Type

Атрибут type тега li - устанавливает тип маркировки пунктов списка, если располагается внутри тега <ul> или вид нумерации пунктов, если располагается внутри тега <ol>.

Значение/я атрибута:
- disk - закрашенный круг
- circle – не закрашенный круг
- square - квадрат

- A - заглавные буквы: A, B, C…
- a – строчные буквы: a, b, c…
- I - большие римские числа: I, II, III…
- i - маленькие римские числа: i, ii, iii…
- 1 - арабские цифры: 1, 2, 3…

Значение по умолчанию:
disk - для маркированного списка
- 1 - для нумерованного списка
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Тег li </title>
</head>
<body>

<p> Используются разные маркеры
<ul> <li type="circle"> Привет
<li> Пока
<li> Здравствуйте
<li type="square"> До свидания
</ul> </p>
<p> Пункты нумерованного списка обозначены заглавными буквами
<ol type="A">
<li value="2"> 2-я буква алфавита
<li> 3-я
<li> 4-я
<li value="20"> 20-я буква алфавита
</ol> </p>
<p> Пункты списка пронумерованы арабскими цифрами
<ol> <li> Один
<li> Два
<li type="I"> Три (<em> Вид нумерации - большие римские числа </em>)
<li> Четыре
</ol> </p>

</body>
</html>
Результат

Используются разные маркеры

  • Привет
  • Пока
  • Здравствуйте
  • До свидания

Пункты нумерованного списка обозначены заглавными буквами

  1. 2-я буква алфавита
  2. 3-я
  3. 4-я
  4. 20-я буква алфавита

Пункты списка пронумерованы арабскими цифрами

  1. Один
  2. Два
  3. Три ( Вид нумерации - большие римские числа )
  4. Четыре





Все теги HTML

HTML по шагам

Тематические публикации

Тематические публикации