quinta-feira, 4 de julho de 2013

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:

Veja Mais:

- Introdução ao HTML
- Editar texto em html
- Formatar imagem em html
- Criar Links em html
- Criar Listas em html
- Criar Tabelas em html
- Mesclando as células de uma tabela com COLSPAN e ROWSPAN
- Criar Régua em HTML

 

 

0 comentários:

Postar um comentário