Listas HTML


As listas HTML permitem que os desenvolvedores da Web agrupem um conjunto de itens relacionados nas listas.

Veja um exemplo simples de lista

<!DOCTYPE html>
<html>
<body>

<h2>Lista 1</h2>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>  

<h2>Lista 2</h2>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol> 

</body>
</html>


Veja mais um modelo de lista

<!DOCTYPE html>
<html>
<body>

<h2>Descrição</h2>

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>

</body>
</html>


 

Categoria: curso html | Tags: , , , , , , , | Postado por joemaster em 30/jun/2020

<< Anterior

Próximo >>

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *