Lista em HTML

Prévia do material em texto

Listas em HTML
Profº Danillo Rocha
Disciplina: DAW – 1º Semestre 2018.
Listas em HTML
 Listas são criadas para: 
Facilitar a visualização pelos usuários. 
Ordenar itens em uma página. 
Existem diversos tipos de listas.
Listas em HTML
 Tipos de listas:
Listas Ordenadas 
Listas Não Ordenadas
Listas de Definição 
Listas Ordenadas - Default
<ol>
<li>Nome</li>
<li>Telefone</li>
<li>Endereco</li>
<li>Pais</li>
</ol>
Listas Ordenadas - Default
Listas Ordenadas - Alfabeto
<ol type="a">
<li>Nome</li>
<li>Telefone</li>
<li>Endereco</li>
<li>Pais</li>
</ol>
Listas Ordenadas - Alfabeto
Listas Ordenadas – Algarismos Romanos
<ol type="I">
<li>Nome</li>
<li>Telefone</li>
<li>Casa</li>
<li>Estado</li>
</ol>
Listas Ordenadas – Algarismos Romanos
Listas Não ordenadas 
<ul>
<li>Nome</li>
<li>Telefone</li>
<li>Casa</li>
<li>Estado</li>
</ul>
Listas Não ordenadas 
Listas de definição
<dl>
<dt>Html</dt>
<dd> Html Basico</dd>
<dd> Html Avancado</dd>
<dt> PHP</dt>
<dd> PHP Basico</dd>
<dd> PHP Intermediario</dd>
<dd> PHP Avancado</dd>
</dl>
Listas de definição
Exercício - Listas