Criar Listas em html


Listas
Organização de listas numeradas e não-numeradas.

Uma outra maneira de organizar o seu texto é através da utilização de listas. Elas podem ser listas de tópicos ou listas numeradas, como nos exemplos:

<ul>
       <li>item 1</li>
       <li>item 2</li>
 <li>item 3</li> 
</ul> 

item 1
item 2
item 3

<ol>
       <li>item 1</li>
       <li>item 2</li>
 <li>item 3</li> 
</ol>

1. item 1
2. item 2
3. item 3
As tags para as listas não-numeradas são <ul> lista </ul>. Quando quisermos listas numeradas, usamos <ol> lista </ol>. Dentro dessas tags, cada linha será definida pelas tags <li> item </li>.
Essas listas podem receber diversos atributos, que definem o tipo de numeração e o tipo de marcador a serem usados.
type="tipo_de_marcador" : define o tipo de marcador de lista não-numerada, sendo square para quadrado, disc para círculo preenchido (padrão) e circle para círculo transparente. Esse tipo só pode ser definido para listas com tags <ul> </ul>.
type="tipo_de_numeracao" : define o tipo de numeração a ser utilizado em uma lista numerada, sendo a para letras minúsculas, A para letras maiúsculas, I para romanos maiúsculos, i para romanos minúsculos e 1 para numeração padrão. Esse tipo só pode ser definido para listas com tags <ol> </ol>.

Veja Mais:

0 comentários:

Postar um comentário

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | JCPenney Coupons