TechCodeview

Списки HTML використовуються для визначення списків інформації. Усі списки можуть містити один або декілька елементів списку. Існує три різні типи списків HTML:

1. Упорядкований список або нумерований список (ol)
2. Невпорядкований список або маркований список (ul)
3. Список описів або список визначень (dl)

Примітка. Ми можемо створити список всередині іншого списку, який буде називатися вкладеним списком.

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

У впорядкованих списках HTML усі елементи списку за умовчанням позначені цифрами. Він також відомий як нумерований список. Упорядкований список починається з

і елементи списку, з яких починаються
1. тег.

 <ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol> 

Вихід:

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

Натисніть тут, щоб отримати повну інформацію про впорядкований список HTML. Упорядкований список HTML

Невпорядкований або маркований список HTML

У невпорядкованому списку HTML усі елементи списку позначені маркерами. Він також відомий як маркований список. Невпорядкований список починається з

теги та елементи списку починаються з
• тег.

 <ul> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ul> 

Вихід:

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

Натисніть тут, щоб отримати повну інформацію про невпорядкований список HTML. Невпорядкований список HTML

Список описів HTML або список визначень

Список опису HTML також є стилем списку, який підтримується HTML і XHTML. Він також відомий як список визначень, де записи перераховані як словник або енциклопедія.

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

Список визначень HTML містить такі три теги:

1. тег

   визначає початок списку.
2. тег
   визначає термін.
3. тег
   визначає термін визначення (опис).

 <dl> <dt>Aries</dt> <dd>-One of the 12 horoscope sign.</dd> <dt>Bingo</dt> <dd>-One of my evening snacks</dd> <dt>Leo</dt> <dd>-It is also an one of the 12 horoscope sign.</dd> <dt>Oracle</dt> <dd>-It is a multinational technology corporation.</dd> </dl> 

Вихід:

Овен

- Один із 12 знаків гороскопу.

Бінго

- Одна з моїх вечірніх закусок

Лео

-Це також один із 12 знаків гороскопу.

Оракул

— Це транснаціональна технологічна корпорація.

Натисніть тут, щоб отримати повну інформацію про список опису HTML. Список описів HTML

Вкладений список HTML

Список в іншому списку називається вкладеним списком. Якщо вам потрібен маркований список у нумерованому списку, такий тип списку називатиметься вкладеним списком.

код:

 Nested list <p>List of Indian States with thier capital</p> <ol> <li>Delhi <ul> <li>NewDelhi</li> </ul> </li> <li>Haryana <ul> <li>Chandigarh</li> </ul> </li> <li>Gujarat <ul> <li>Gandhinagar</li> </ul> </li> <li>Rajasthan <ul> <li>Jaipur</li> </ul> </li> <li>Maharashtra <ul> <li>Mumbai</li> </ul> </li> <li>Uttarpradesh <ul> <li>Lucknow</li></ul> </li> </ol> 

Вихід:

Підтримка браузерів

елемент	Chrome	IE	Firefox	Опера	Сафарі
	Так	Так	Так	Так	Так