Learning Hub Logo
HTML
  • Introdução ao HTML
  • Editores HTML
  • Estrutura Básica de um Documento HTML
  • Elementos HTML
  • Atributos HTML
  • Títulos HTML
  • Parágrafos HTML
  • Estilos Inline no HTML
  • Formatação de Texto em HTML
  • Citações HTML
  • Comentários em HTML
  • Links em HTML
  • Imagens em HTML
  • Favicon no HTML
  • Título da Página no HTML
  • Tabelas HTML
  • Listas HTML
  • Elementos Block e Inline
  • Divs no HTML
  • Classes no HTML
  • ID no HTML
  • Botões no HTML
  • Iframes no HTML
  • HTML e JavaScript
  • Caminhos de Arquivo no HTML
  • Head no HTML
  • Layout no HTML
  • HTML Responsivo
  • Tags de Código no HTML
  • HTML Semântico
  • Guia de Estilo HTML
  • Entidades, Símbolos e Emojis no HTML
  • Charsets, URL Encode e XHTML
  • Formulários HTML
  • Inputs em Formulários HTML
  • Gráficos no HTML
  • Mídia no HTML

Sobre Diego Pinho

Professor especialista em tecnologia com mais de 10 anos de experiência. Autor de livros técnicos e criador de cursos que já impactaram milhares de estudantes.

Visite meu site principal →

Serviços

  • Área do Aluno
  • Solicite um orçamento
  • Trabalhe Conosco

Redes Sociais

  • Youtube
  • TikTok
  • Instagram
  • LinkedIn

Links

  • Site Institucional
  • Nosso Blog
  • Cursos Online
  • Livros Publicados

Professor Diego Pinho

Educação, Tecnologia e IA © 2026

Discord
HTMLListas HTML
1 min de leitura

Listas HTML

Como criar listas ordenadas, não ordenadas e de descrição em HTML

Agrupando itens em lista

Quando você tem vários itens relacionados, uma lista costuma ser a forma mais natural de exibir isso.

Em HTML, os tipos mais comuns são:

  • lista não ordenada;
  • lista ordenada;
  • lista de descrição.

Lista não ordenada

Usa marcadores. Ótima para itens sem hierarquia ou ordem específica.

Carregando...

Lista ordenada

Usa numeração. Ótima para passos ou hierarquia.

Carregando...

Lista de descrição

Serve para pares de termo e explicação. Ótima para glossários ou FAQs.

Carregando...

Qual usar?

A lógica é simples:

  • use <ul> quando a ordem não importa;
  • use <ol> quando a ordem importa;
  • use <dl> quando existir relação de termo e descrição.
AnteriorTabelas HTMLPróximo Elementos Block e Inline