LISTAS DO HTML5

 

LISTAS DO HTML5

LISTA NÃO ORDENADA

<ul> é a tag para começo da lista.

<li> é a tag para cada item da lista.

A lista vai ser um círculo preto.

<!DOCTYPE html>

<html>

<body>

<h2>LISTA NÃO ORDENADA DO HTML5</h2>

<ul>

  <li>LEITE</li>

  <li>CAFÉ</li>

  <li>PÃO</li>

</ul> 

</body>

</html>

LISTA ORDENADA

<ol> é a tag para começo da lista.

<li> é a tag para cada item da lista.

A lista vai ser número padrão 1, 2,3...

<!DOCTYPE html>

<html>

<body>

<h2>LISTA ORDENADA DO HTML5</h2>

<ol>

  <li>LEITE</li>

  <li>CAFÉ</li>

  <li>PÃO</li>

</ol> 

</body>

</html>

LISTA DE DESCRIÇÃO HTML

<dl> é a tag que define lista de descrição.

<dt> é a tag que define nome.

<dd> é a tag  que faz a descrição do nome.

 

<!DOCTYPE html>

<html>

<body>

<h2>lista de descrição</h2>

<dl>

  <dt>café</dt>

  <dd>- bebida quente preta</dd>

  <dt>leite</dt>

  <dd>- bebida gelada branca</dd>

</dl>

</body>

</html>