|
|
|
||||||||||||||||||||||
|
|||||||||||||||||||||||
|
|||||||||||||||||||||||
Parceiros - CSS para Web Design - S.O.S Designers - Slackware-Brasil - Crie seu Web site - Oficina da Net |
Listas IIEstudamos um outro tipo de listas: as listas ordenadas. Continuamos estudando as listas do HTML, que nos possibilita criar estruturas atrativas para apresentar a informação.
Listas ordenadas Neste caso, usaremos as etiquetas <ol> (ordered list) e seu fechamento. Cada elemento será igualmente precedido de sua etiqueta <li>. Como exemplo: <p>Regras de comportamento no trabalho</p> <ol> <li>O chefe sempre tem a razão</li> <li>Em caso de dúvida, aplicar a regra 1</li> </ol> O resultado é: Regras de comportamento no trabalho
Para realizar tal seleção temos de utilizar, como para o caso anterior, o atributo type, o qual será situado dentro da etiqueta <ol>. Neste caso, os valores que o atributo pode tomar são: 1 Para ordenar por números a Por letras do alfabeto A Por letras maiúsculas do alfabeto i Ordenação por números romanos em minúsculas I Ordenação por números romanos em maiúsculas
Pode ser que em algum caso desejemos começar nossa numeração por um número ou letra que não tem porque ser necessariamente o primeiro de todos. Para resolver esta situação, podemos utilizar um segundo atributo, start, que terá um número como valor. Este número, que por padrão é 1, corresponde ao valor a partir do qual começamos a definir nossa lista. Para o caso das letras ou dos números romanos, o navegador se encarrega de fazer a tradução do número à letra correspondente. Propomos um exemplo usando este tipo de atributos: <p>Ordenamos por números</p> <ol type="1"> <li>Elemento 1</li> <li>Elemento 2</li> </ol> <p>Ordenamos por letras</p> <ol type="a"> <li>Elemento a</li> <li>Elemento b</li> </ol> <p>Ordenamos por números romanos começando pelo 10</p> <ol type="i" start="10"> <li> Elemento x</li> <li> Elemento xi</li> </ol> O resultado: Ordenamos por números
Ordenamos por letras
Ordenamos por números romanos começando pelo 10
Autoria e outras referências sobre este artigo Dentro deste artigo: + 1 manual relacionado + 1 categoria relacionada + 1 Comentário (Acrescentar)
Manuais relacionados com este artigo Categorias relacionadas Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo: + Entrar em HTMLComentários dos visitantes
|
||||||||||||||
| Sobre nós | Copyright | Anuncie | Entrar em contato | <criarweb> |