Html li

Postado: 2 de junho de 2022

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: loopnerd

189 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado.

Artigos Relacionados