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 Programação Pular para comentários
Curso de HTML - Aula 4 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
Compartilhe com seus amigos:
Jonathan Lamim
Jonathan Lamim Empreendedor digital, ex-programador (decidi abandonar a carreira após 12 anos), especialista em marketing de conteúdo e agora atuando exclusivamente com Marketing Digital, em projetos de Marketing de Conteúdo, produção de conteúdo para internet, além de escrever ebooks e criar cursos ligados ao marketing digital de um modo geral.
FACEBOOK // TWITTER: @jonathanlamimkt
Quer conversar com o(a) Jonathan, comente:
Carregar comentários
Últimas notícias