Listas HTML são usadas para especificar listas de informações. Todas as listas podem conter um ou mais elementos de lista. Existem três tipos diferentes de listas HTML:
- Lista ordenada ou lista numerada (ol)
- Lista não ordenada ou lista com marcadores (ul)
- Lista de descrições ou lista de definições (dl)
Nota: Podemos criar uma lista dentro de outra lista, que será denominada Lista aninhada.
Lista ordenada HTML ou lista numerada
Nas listas HTML ordenadas, todos os itens da lista são marcados com números por padrão. Também é conhecida como lista numerada. A lista ordenada começa com
- tag e os itens da lista começam com
- marcação.
<ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol>Teste agora
Saída:
- Áries
- Bingo
- Leão
- Oráculo
Clique aqui para obter detalhes completos da lista ordenada em HTML. Lista ordenada HTML
Lista não ordenada HTML ou lista com marcadores
Na lista HTML não ordenada, todos os itens da lista são marcados com marcadores. Também é conhecida como lista com marcadores. A lista não ordenada começa com
- tag e itens de lista começam com o
- marcação.
<ul> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ul>Teste agora
Saída:
- Áries
- Bingo
- Leão
- Oráculo
Clique aqui para obter detalhes completos da lista não ordenada HTML. Lista não ordenada HTML
Lista de descrição HTML ou lista de definição
A lista de descrição HTML também é um estilo de lista suportado por HTML e XHTML. Também é conhecida como lista de definições, onde as entradas são listadas como um dicionário ou enciclopédia.
A lista de definições é muito apropriada quando se deseja apresentar glossário, lista de termos ou outra lista de nomes-valores.
A lista de definições HTML contém as três tags a seguir:
-
- marcação
-
- marcação
define um termo. -
- marcação
define o termo definição (descrição).
<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>Teste agora
Saída:
- Áries
- -Um dos 12 signos do horóscopo.
- Bingo
- -Um dos meus lanches noturnos
- Leão
- -É também um dos 12 signos do horóscopo.
- Oráculo
- -É uma empresa multinacional de tecnologia.
Clique aqui para obter detalhes completos da lista de descrição HTML. Lista de descrição HTML
Lista aninhada HTML
Uma lista dentro de outra lista é denominada lista aninhada. Se você quiser uma lista com marcadores dentro de uma lista numerada, esse tipo de lista será chamada de lista aninhada.
Código:
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>Teste agora
Saída:
Navegadores de suporte
| Elemento |  cromada |  Ou seja |  Raposa de fogo |  Ópera |  Safári |
| Sim | Sim | Sim | Sim | Sim |