Listas(X)HTML

Professor Jolvani

Aula 12 e 13

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...

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:

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:

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

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>

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

Próxima Aula: Elementos de bloco