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

Aula 12 e 13 listas parte1 parte2

  • 1.
    Listas (X)HTML ProfessorJolvani 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.