1. Listas
(X)HTML
Professor Jolvani
Aula 12 e 13

2. Listas (X)HTML
 Olá estudantes do xhtml, nesta aula vamos trabalhar com listas, que são
elementos em bloco.
 Criar um novo arquivo: aula09, edite-o e abra-o.
 Aqui temos um exemplo de lista
 Elas servem para marcar listas em textos mas
 Principalmente menus ou listas de menus...
 Servem também para marcar conteúdo com informações não
ordenadas, informações ordenadas, definições de elementos ....
 Como construir uma lista?
 Vamos para o código...

3. Listas (X)HTML
 Alteramos as tags <br> por elementos de lista...
 Elas podem ser de 4 tipos:
 Listas Não ordenadas: <ul> <li> </li></ul>
 Listas ordenadas: <ol> <li> </li> </ol>
 Listas de definições:
 Listas Mistas:

4. Listas (X)HTML
 Lista de definições: ex: tecnologia é um termo e temos duas definições para ela
 Elas podem ser de 4 tipos:
 Listas Não ordenadas: <ul> <li> </li></ul>
 Listas ordenadas: <ol> <li> </li> </ol>
 Listas de definições: <dl> <dt> termo <dd> definição do termo </dd></dt></dl>
 Listas Mistas:

5. Listas Parte2 (13) - (X)HTML
 Atributos depreciados ...
 Caiu em desuso, pode
 Ser feito com CSS
 Type = 6; a, A, i, I
 Na lista não ordenada
 Muda-se o estilo...
 Circle, Square, - Estão banidos faz-se em CSS

6. Listas Parte2 (13) - (X)HTML
 Lista Mista;
 Colocamos uma lista ordenada <ol> e suas listas <li>
 Dentro dela uma lista não ordenada <ul> e suas listas <li>

7. Listas Parte2 (13) - (X)HTML
 Listas mistas são usadas para fazer menus e sub-menus....

8. Próxima Aula: Elementos de bloco