Trabalhando com Listas Ordenadas em HTML
No HTML temos as Tags <li> e <lu>, elas são muito importantes pois permite criarmos tópicos para textos e também são muito usadas para criar menus. Existem três tipos de lista
Ordenada
Ordenada
Não
ordenada
De
definição – usada para fazer comentários sobre os itens expostos
Listas não ordenadas
A lista
não ordenada e usada apenas para listar itens, chamada lista de marcadores. As
tags usadas para criar uma lista são <lu> e <li>, <lu> usada
para definir a lista e <li> usada para listar os itens.
<HTML>
<HEAD>
<TITLE>Curso HTML</TITLE>
<HEAD>
<BODY>
<lu>
<li>Computador</li>
<li>Notebook</li>
<li>Tablet</li>
<li>Notebook</li>
<li>Tablet</li>
</lu>
</BODY>
</HTML>
Listas ordenadas ou numeradas
As lista numeradas são usadas para
sequenciar os itens da lista. As tags usadas para criar uma lista não ordenada
são <ol> e <li>. A tag <ol> é usada para definir a lista e a
tag <li> é usada para cada item da lista.
<HTML>
<HEAD>
<TITLE>Curso HTML</TITLE>
<HEAD>
<BODY>
<ol>
<li>Computador</li>
<li>Notebook</li>
<li>Tablet</li>
<li>Teclado</li>
<li>Mouse</li>
</ol>
</BODY>
</HTML>
Lista de Definição
Lista de
Definição e usada em assuntos como por exemplo perguntas e respostas.
As tags usadas são <dl>,
<dt> e <dd>.- <dl> definition list - cria a lista de
definição
- <dt> difinition term - onde o termo é
proposto
- <dd> definition definition - onde o termo é
definido
Por exemplo:
<HTML>
<HEAD>
<TITLE>Curso HTML</TITLE>
<HEAD>
<TITLE>Curso HTML</TITLE>
<HEAD>
<BODY>
<dl>
<dt>HTML</dt>
<dd>Linguagem
de marcação de texto</dd>
<dt>CSS</dt>
<dd>Usado
para formatação de documentos</dd>
</dl>
</BODY>
</HTML>
Nenhum comentário:
Postar um comentário