HTML списъците се използват за указване на списъци с информация. Всички списъци могат да съдържат един или повече елемента на списък. Има три различни типа HTML списъци:
- Подреден списък или номериран списък (ol)
- Неподреден списък или списък с водещи символи (ul)
- Списък с описания или списък с дефиниции (dl)
Забележка: Можем да създадем списък в друг списък, който ще бъде наречен вложен списък.
HTML подреден списък или номериран списък
В подредените HTML списъци всички елементи от списъка са маркирани с числа по подразбиране. Известен е и като номериран списък. Подреденият списък започва с
- етикет и елементите от списъка започват с
- етикет.
<ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol>Тествайте сега
Изход:
- Овен
- Бинго
- Лео
- Оракул
Щракнете тук за пълни подробности за подредения в 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 дефиниции съдържа следните три тагова:
-
- етикет
-
- етикет
определя термин. -
- етикет
дефинира термина дефиниция (описание).
<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 |  Опера |  Safari |
| да | да | да | да | да |