Marca HTML <li>
Libere o poder do HTML Tag Li – Aumente o impacto do seu site! Assumindo que atenderá às necessidades de aprendizagem.
A tag HTML <li> é usada para criar um item de lista em uma lista ordenada ou não ordenada.
Aqui estão duas listas HTML, uma ordenada ( <ol> ) e outra não ordenada ( <ul> ):
Example:
O atributo value pode ser usado em uma lista ordenada da seguinte forma:
Example:
Você pode definir diferentes tipos de estilos de lista por meio de CSS:
Example:
Para fazer uma lista aninhada, você precisa criar uma lista dentro de uma lista:
Example:
Faça uma lista aninhada que seja mais complexa:
Example:
Aqui está outro exemplo de tag li:
Example:
Uso de Tag Li
Um item de lista é especificado pela Tag HTML li <li> OU li class html.
A tag li <li> é colocada entre listas ordenadas ( <ol> ), listas não ordenadas <ul> e nas listas de menu <menu> .
Os itens da lista geralmente são mostrados com marcadores em <ul> e <menu> .
Os itens da lista em <ol> geralmente são representados com números ou letras.
Aqui estão alguns usos comuns da tag li em HTML:
- tags li são frequentemente usadas para criar menus de navegação em sites. Cada item de menu geralmente é uma tag li e todo o menu é incluído em uma tag ul ou ol.
- tags li podem ser usadas para criar listas de tarefas ou listas de tarefas, com cada item representando uma tarefa que precisa ser concluída.
- Sites de comércio eletrônico geralmente usam tags li para criar listas de produtos ou serviços, com cada tag li representando um produto ou serviço que pode ser comprado.
- As tags li podem ser usadas para dividir as instruções da receita em etapas, com cada tag li representando uma etapa da receita.
- Os depoimentos em um site podem ser exibidos como uma lista de tags li , com cada tag representando um depoimento de um cliente diferente.
Compatibilidade do navegador
| Elemento |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| <li> | Sim | Sim | Sim | Sim | Sim |
Atributos
| Atributo | Valor | Visão geral |
|---|---|---|
| valor | número | Apenas para todas as listas <ol> . Define o valor inicial de um item de lista. Com base nesse número, os seguintes itens serão adicionados à lista |
Atributos
Global
Em HTML, a Tag <li> também é compatível com Atributos Globais .
Evento
Em HTML, a Tag <li> também é compatível com Atributos de Evento .<!–
Anúncio
–><!–
mid_content, all: [300,250][336,280][728,90][970,250][970,90][320,50][468,60]
–>
CSS predefinido
Os seguintes valores são definidos por padrão para o elemento <li> em quase todos os navegadores:
li {
display: list-item;
}
Vantagens do Tag Li
Aqui estão algumas vantagens de usar a tag li em HTML:
- A tag li é simples de usar e requer apenas conhecimento básico de HTML. Ele é usado para criar listas ordenadas (usando a tag ol) e listas não ordenadas (usando a tag ul).
- A tag li é altamente personalizável, permitindo que você altere a aparência dos itens da sua lista usando CSS. Você pode alterar a fonte, tamanho, cor e outros atributos de estilo.
- A tag li é semântica, ou seja, dá sentido ao seu conteúdo. Ao usar li para estruturar suas listas, você deixa claro para os mecanismos de pesquisa e outras ferramentas da Web que o conteúdo é uma lista e que cada item da lista é distinto.
- A tag li também é útil para acessibilidade, pois pode ser usada para criar listas fáceis de navegar para usuários que dependem de leitores de tela ou outras tecnologias assistivas.
