Curso de HTML - Aula 4

Na aula de hoje falaremos sobre LISTAS, elas são uma forma de organizar e enumerar informações em seqüência e são divididas em 3 categorias que veremos a seguir.

Por | @jonathanlamimkt Programação
Queridos leitores, desculpe a demora para postar essa aula, mas estava muito ocupado com alguns projetos de clientes e o tempo estava curto. Mas o importante é que durante esse tempo vocês puderam aperfeiçoar bastante os conhecimentos adquiridos nas 3 aulas anteriores.

Na aula de hoje falaremos sobre LISTAS, elas são uma forma de organizar e enumerar informações em seqüência e são divididas em 3 categorias que veremos a seguir.

1ª Categoria – LISTAS DE DEFINIÇÃO



Esse tipo de lista possui um termo em evidência e um texto explicativo logo na seqüência, ela também pode ser chamada de “lista de glossário”. Elas são muito utilizadas para criar páginas de índices, dicionários online, etc.
As Tags que definem essa lista são:

DL (Definition List)
DT (Definition Term)
DD (Definition Definition)


OBS: A partir desse ponto do curso, alguns exemplos não serão apresentados de forma visual, ou seja, com imagem demonstrativa da solução, pois HTML se aprende na prática, então, todo código que for apresentado nos exemplos, copie-o e cole-o no Bloco de Notas, salvando com a extensão .html

Exemplo:


   Curso de HTML


  

      
Divisões da Linguagem HTML

        
TAGs Iniciais

        
Formatação de Texto

        
Links

        
Imagens

        
Tabelas

        
Formulários

  




2ª Categoria – LISTAS ORDENADAS



Esse tipo de lista tem seus itens enumerados seqüencialmente e são definidas pelas Tags:

OL (Order List)
LI (List Iten)


Sintaxe:



    Onde:

    Type define o tipo de marcador utilizado. Os marcadores disponíveis são:

    A (A, B, C...Z)
    A (a, b, c... z)
    i (i, ii, iii...)
    1 (1, 2, 3...) – este é padrão, caso não seja especificado o tipo ele será utilizado

    Start define qual o elemento inicial da numeração. Muito útil para listas aninhadas.

    Exemplo:


       Curso de HTML


          
      Divisões da Linguagem HTML
              
    1. TAGs Iniciais

    2.         
    3. Formatação de Texto

    4.         
    5. Links

    6.         
    7. Imagens

    8.         
    9. Tabelas

    10.         
    11. Formulários

    12.   


      Divisões da Linguagem HTML
              
    1. TAGs Iniciais

    2.         
    3. Formatação de Texto

    4.         
    5. Links

    6.         
    7. Imagens

    8.         
    9. Tabelas

    10.         
    11. Formulários

    12.   




    3ª Categoria – LISTAS NÃO ORDENADAS



    É uma lista que tem seus itens definidos por marcadores. Ela é definida pelas Tags:

    UL (Unorder List)
    LI (List Iten)


    Exemplo:


       Curso de HTML


          
      Divisões da Linguagem HTML
              
    • TAGs Iniciais

    •         
    • Formatação de Texto

    •         
    • Links

    •         
    • Imagens

    •         
    • Tabelas

    •         
    • Formulários

    •   




    LISTAS ANINHADAS



    As listas aninhadas são, nada mais que, a quebra na utilização de uma lista, seja ela ordenada, não ordenada ou de definição.

    Exemplo:


       Curso de HTML


      
      A Linguagem HTML
            
    1. Tags Iniciais

    2.         

                    
      • HTML

      •             
      • HEAD

      •             
      • TITLE

      •         

          
    3. Formatação de Texto

    4.         

                    
      • FONT

      •             
      • P

      •             
      • I

      •             
      • B

      •         





    Para tirarem suas dúvidas sobre as aulas do curso, basta enviar um e-mail para cursohtml2008@gmail.com e seu e-mail será respondido o mais breve possível, não atrapalhando o andamento do seu curso. Ao enviar o e-mail, não esqueça de identificar a aula na qual você teve dúvidas.

    Até a próxima.


Mais sobre: curso_html
Share Tweet
Recomendado
Comentários
Carregar comentários
Destaquesver tudo