- Página Inicial
- Códigos HTML Prontos
- Html li
- Voltar
Html li
Neste artigo veremos como usar o elemento HTML chamado de tag <li>
A tag <li>
define um item de lista.
A tag <li>
é usada dentro de listas ordenadas (<ol>), listas não ordenadas (<ul>) e em listas de menus (<menu>).
Em <ul> e <menu>, os itens da lista geralmente serão exibidos com marcadores.
Em <ol>, os itens da lista geralmente serão exibidos com números ou letras.
Veja o exemplo no código
Uma lista HTML ordenada (<ol>) e uma não ordenada (<ul>):
<ul> <li>Café</li> <li>Cerveja</li> <li>Vinho</li> </ul> <ol> <li>Html</li> <li>Css</li> <li>jQuery</li> </ol>
Definição
- O elemento HTML <li> é encontrado na tag <body> .
- A tag <li> é usada dentro de <ol> , <ul> ou <menu> .
- Você pode aninhar listas <ol>, <ul> e <menu> .
Aplicando estilos à tag <li>com CSS
Algumas propriedades CSS também podem ser usadas para estilizar os elementos <li> que são: list-style , list-style-image , list-style-position e list-style-type .
Essas propriedades podem ser aplicadas diretamente ao elemento <li>, embora geralmente sejam aplicadas ao elemento pai.
Neste artigo abordamos sobre a tag Html li.
Veja outros artigos sobre Tags HTML Lista Completa
Publicado por: Loop Nerd
380 Visualizações
Deixe um comentário