A tag de lista HTML é usada para agrupar informações relacionadas. As listas são usadas para criar visualizações bem estruturadas e documentos de fácil manutenção. Neste artigo, discutiremos a tag de lista HTML em detalhe e explore as várias listas que você pode criar.

Neste artigo, discutiremos:

  • O que é uma lista HTML?
  • listas HTML não ordenadas
  • listas ordenadas de HTML
  • listas de descrição em HTML

O que é uma lista HTML?

O elemento da lista é usado para agrupar um conjunto de itens relacionados. A tag

  • é usada se você deseja inserir o conteúdo na ordem listada.

    Existem três tipos de listas:

    • Listas não ordenadas
    • Listas ordenadas
    • Listas de descrição

    Curso Full Stack Web Developer

    Para se tornar um especialista em MEAN Stack Ver Curso

    Full Stack Web Developer Course

    Listas HTML não ordenadas

    O elemento

      representa uma lista não ordenada. A lista não ordenada não possui uma ordem especial e os marcadores representam esse tipo de lista.

      unordered-list-html-list

      Isso produzirá o seguinte resultado:

      output-html-ul

      Usar o atributo type pode mudar o mercado bullet. A seguir estão as opções possíveis:

        (padrão)

            • Disco: Isso define os marcadores para marcadores, que também é a configuração padrão.

            type-disc-html-lists

            Esta lista é representada da seguinte forma:

            output-html-ul

            • Círculo: define o marcador do item como um círculo.

            type-circle-html-list

            Isso definirá os marcadores para círculos.

            output-type-circle

            • Quadrado: isso definirá o marcador como um quadrado.

            /type-square

            Os marcadores agora são quadrados.

            output-square

            Listas ordenadas em HTML

            O elemento

              representa a lista ordenada, que organiza os itens em um formato numerado.

              ol-html-list

              Isso produzirá o seguinte resultado:

              output-ol.

              Curso grátis: princípios básicos de programação

              Aprenda os fundamentos da programação Inscreva-se agora

              Curso grátis: Fundamentos de programação

              Usar o atributo type pode alterar o marcador em uma lista ordenada. \

              • Tipo=”1”: Os itens são marcados com numerais, que é o marcador de tipo padrão.

              type-1-html-lists

              Isso exibirá os itens da seguinte maneira:

              output-ol

              • Tipo=”A”: os itens da lista serão numerados com letras maiúsculas.

              /type-A.

              Esses marcadores serão mostrados da seguinte maneira:

              output-type-A

              • Digite=”a”: os itens da lista serão numerados com letras minúsculas.

              type-a-html-list

              Os marcadores agora são exibidos em letras minúsculas.

              output-typee-a

              • Tipo=”I”: o item da lista será numerado com algarismos romanos maiúsculos.

              type-I

              Isso mudará os marcadores para algarismos romanos maiúsculos.

              output-type-I

              • Tipo=”i”: o item da lista será numerado com algarismos romanos minúsculos.

              type-i-html-list.

              Isso mudará os marcadores para numerais em minúsculas.

              output-typee-i

              Listas de descrição de HTML

              A tag

              representa a lista de descrição. A tag

              define o termo e a tag

              descreve cada termo.

              dl-tag

              Isso produzirá o seguinte resultado:

              output-dl

              Obtenha habilidades em HTML5 e CSS3 com o Programa Full Stack Java Developer Master . Clique para verificar os detalhes do programa!

              Próximas etapas

              Este artigo sobre listas HTML oferece uma breve visão sobre os diferentes tipos de listas HTML e suas funcionalidades. Se você estiver pronto para iniciar sua carreira de codificador e mergulhar em tudo que o HTML tem a oferecer, certificação por meio de um programa credenciado deve estar no topo da sua lista de tarefas. Desenvolvedor Java Full Stack curso prepara os alunos para suas carreiras de codificação por meio de um currículo abrangente que inclui front-end, middleware e back-end Java desenvolvedor da web . Por meio de projetos e exercícios práticos, os alunos ganham uma experiência inestimável, colocando suas habilidades em HTML à prova.

              Se você tiver alguma dúvida ou comentário sobre o nosso artigo sobre listas HTML, informe-nos na seção de comentários. Nossos especialistas entrarão em contato com você o mais rápido possível.

  • Categories: Wordpress