Listas em HTML

Listas ordenadas

São criadas com o elemento <ol>. Cada ítem deve ser posto entre uma tag de abertura <li> e uma de fechamento </li>.

<ol>
     <li> primeiro item </li>
     <li> segundo item </li>
     <li> terceiro item </li>
</ol>

Listas não ordenadas

<ul>
     <li> primeiro item </li>
     <li> segundo item </li>
     <li> terceiro item </li>
</ul>

Listas de definições

A lista de definição é criada com o elemento <dl> e geralmente consiste de uma série de termos e suas definições. Dentro de um elemento <dl> tem sempre um par de termos <dt> e <dd>

<dl>
     <dt> Tal coisa 1 </dt>
     <dd> Definição 1 </dt>
     <dt> Tal coisa 2 </dt>
     <dd> Definição 2 </dt>
</dl>

Listas aninhadas

<ul>
     <li>lista</li>
     <li>lista com subitens
          <ul>
               <li>subitem 1</li>
               <li>subitem 2 </li>
          </ul>
     </li>
     <li> outro item </li>
</ul>

Referências:

Duckett, J. (2011). “HTML and CSS: Design and Build Websites.” Hoboken, NJ: Wiley.

VISUAL QUICKSTART GUIDE HTML 5 and CSS3 Seventh Edition, Elizabeth Castro, Bruce Hyslop