|
|
Listas
por: admin
Total visitas: 128
Palavras: 518
Na linguagem HTML existem elementos específicos para a criação de listas, que podem ser listas ordenadas (OL), listas sem ordenação (UL), ou listas de definições (DL). Um detalhe interessante é que podem ser criadas listas aninhadas, ou seja, listas dentro de listas. A seguir, veremos as características de cada umas delas.
Listas Ordenadas
<OL TYPE=...START=...>...</OL> são os elementos delimitadores de listas ordenadas (OL – Ordered Lists). A estrutura das listas ordenadas é bastante simples: entre os elementos de início e fim, os itens da lista são definidos pelos elementos <LI></LI>. Os itens são apresentados em linhas consecutivas e precedidos por uma numeração atribuída pelo paginador. O parâmetro opcional TYPE define como será o tipo de numeração de cada linha. Os tipos disponíveis são: “A” (A,B,...Z), “a”(a,b,...z), “I” (I,II,III, etc.), “i’ (i,ii,iii,etc), e “1” (1,2,3,etc). Se omitido, é utilizado o tipo padrão (1,2,3, etc). O parâmetro opcional START define a partir de que elemento a numeração deve se iniciar. Ele deve receber como valor um número indicando em que posição a contagem deve se iniciar.
Listas Não ordenadas
<UL>...</UL> são os elementos delimitadores de listas sem ordenação (UL – Unordered Lists). A estrutura das listas sem ordenação é a mesma das listas ordenadas, sendo que, na apresentação, os itens serão precedidos por um marcador (bullet). No caso de listas sem ordenação aninhadas (listas dentro de listas), o paginador utilizará um marcador (bullet) diferente para os itens de cada lista.
Como já foi visto acima <LI>...</LI> é o elemento que define um item de uma lista ordenada ou sem ordenação. O seu conteúdo pode ser texto, outras listas, imagens, links ,etc.
Lista de Definição
<DL>...</DL> são as marcas que englobam uma lista de definições, ideais para a criação de glossários e coisas do género. A estrutura desta lista é diferente das outras, pois existem dois elementos – o termo a ser definido (DT), e a definição propriamente dita (DD). Na apresentação cada termo aparece em uma linha, e a respectiva definição na linha seguinte, deslocada para a direita.
<HTML>
<HEAD>
<TITLE>Listas de definição</TITLE>
</HEAD>
<BODY>
<H2>Listas de definição</H2>
<DL>
<DT>HTML</DT>
<DD>Hiper Text Markup Language</DD>
<DT>OL</DT>
<DD>Listas ordenadas com numeração.</DD>
<DT>UL</DT>
<DD>Listas sem ordenação</DD>
<DT>LI</DT>
<DD>Elemento da Lista</DD>
</DL>
<H2>Listas não ordenadas combinadas<BR>com uma lista de Definição</H2>
<DL>
<DT>Parâmetro do elemento OL</DT>
<DD>
<UL>
<LI>TYPE</LI>
<LI>START</LI>
</UL>
</DD>
<DT>Parâmetros do elemento IMG</DT>
<DD>
<UL>
<LI>SRC</LI>
<LI>ALT</LI>
<LI>BORDER</LI>
<LI>WIDTH</LI>
<LI>HEIGHT</LI>
<LI>VSPACE</LI>
<LI>HSPACE</LI>
</UL>
</DD>
</DL>
</BODY>
</HTML>
Sobre o Autor
Administração
Votação: Not yet rated