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
HTMLCitações HTML
1 min de leitura

Citações HTML

Como marcar citações, abreviações e informações de autoria no HTML

Marcando citações no HTML

HTML possui algumas tags específicas para conteúdos como citações, abreviações e informações de autoria.

Pode parecer detalhe, mas esses elementos ajudam a dar mais sentido ao texto.

Citação em linha com <q>

Quando a citação é curta e fica no meio da frase, você pode usar <q>.

Carregando...

Citação em bloco com <blockquote>

Quando a citação é maior, faz mais sentido usar um bloco separado.

Carregando...

Abreviações com <abbr>

Se você usar uma sigla, pode explicar o significado com <abbr>.

Carregando...

Nesse caso, o significado completo fica associado à sigla.

Informações de contato com <address>

Carregando...

Essa tag costuma ser usada para dados de contato ou autoria.

Título de obra com <cite>

Carregando...

Exemplo completo

Carregando...

Quando usar isso?

Essas tags não aparecem em toda página e está tudo bem não chegar a utilizar no seu projeto, mas são úteis quando o conteúdo pede esse tipo de marcação. E quando você usa a tag certa, o HTML fica mais semântico e mais fácil de entender.

AnteriorFormatação de Texto em HTMLPróximo Comentários em HTML