Logo SatellaSoft



HTML do básico ao avançado parte 7

Nesta matéria será abordado como trabalhar com listas.


Ícone homem Gunnar Correa
Ícone data de publicação 27/02/2015
Ícone quantidade de visualização 1,438
Ícone bandeira do Brasil Português

Listas ordenadas são muito utilizadas, nos tempos atuais ela é usada para substituir as tabelas, pois não se usa mais tabelas para exibir algo em linha, esta responsabilidade cabe às listas.

Existem listas ordenadas e não ordenadas, ambas são fácil de entender.

Vamos começar com lista ordenada, abaixo segue nosso código:

  1. Mouse
  2. Teclado
  3. Caixa multimídia
  4. Monitor
  5. Estabilizador
 

Nosso resultado será:

Ele enumera cada item de nossa lista, onde

é abreviação ordered list (Lista ordenada) e

  •  
  • é abreviação de list (Lista).

     

    Agora vamos ver as listas não ordenadas, ela é praticamente a mesma coisa que ordenada o que muda é que ao invés de

    1. usamos
      • , ul é abreviação de unordered que significa não ordenado.

         

        
         
        • Processador
        • Memoria
        • HD
        • Cooler
        • Placa mãe
         

        Também é possível criar Sub listas, ou seja, uma lista dentro da outra. Basta inserir um novo bloco de lista dentro do

      • de uma lista já existe. Ex:

         

        • Processador
        • Memoria
        • HD
        • Cooler
          • Cabo Sata
          • Fonte de alimentação
          • Bateria
          • Cabo IDE
         
         




Sobre o autor


Gunnar Correa

Nome: Gunnar Correa

Site: http://www.gunnarcorrea.com


Autodidata, graduado em Desenvolvimento Web e especialista em Tecnologias na Educação em uma universidade no interior de São Paulo. Comecei meus estudos na área de programação quando ainda era criança, e atualmente estou estudando desenvolvimento de jogos.

Sou o CEO do portal SatellaSoft, criado em 2009 com o intuito de compartilhar conhecimento de forma gratuita e inédita.


Comentários



É necessário estar autenticado para comentar, clique aqui para se registrar ou aqui para acessar a sua conta!