Referência de Tags HTML

Última atualização: 2026-09-12

Referência de Tags HTML

Lista alfabética de 116 elementos HTML com descrições rápidas.

! — Especial
<!DOCTYPE>	Declara o tipo de documento para o navegador analisar a página no modo padrão
<!--...-->	Define um comentário HTML; os navegadores não exibem seu conteúdo
Atributos Globais	Atributos globais utilizáveis em todos os elementos HTML
Atributos de Evento	Atributos de evento utilizáveis em todos os elementos HTML
A
<a>	O elemento `<a>` (âncora) define um hiperlink.
<abbr>	Representa uma abreviação ou sigla; combine com o atributo title para escrever a forma completa.
<acronym>	Marca uma sigla (ex.
<address>	Representa informações de contato do article ou body mais próximo, como nome do autor, e-mail ou endereço.
<area>	Define uma região clicável (retângulo, círculo ou polígono) dentro de um <map>; cada area define a forma, as coordenadas e o link de destino.
<article>	Representa um conteúdo autônomo e distribuível, como uma notícia, post de blog, comentário ou cartão.
<aside>	Representa conteúdo tangencialmente relacionado ao conteúdo principal, como uma barra lateral, nota, citação ou anúncio.
<audio>	Incorpora um player de áudio; frequentemente combinado com source para vários formatos e garantir compatibilidade.
B
<b>	Exibe o texto em negrito sem importância ou ênfase extra, usado apenas para deslocamento visual estilístico (ex.
<base>	Define a URL base padrão ou o destino padrão para todas as URLs relativas; no máximo um por documento, antes de qualquer elemento com URL.
<bdi>	Isolamento bidirecional: trata seu texto como um segmento de direção isolado, evitando contaminação de direção mista.
<bdo>	Substituição bidirecional: força a direção do texto via dir, ex.
<blockquote>	Representa uma citação em nível de bloco (distinta de q, em linha), opcionalmente com citação da fonte.
<body>	O corpo do documento que contém tudo que o usuário vê: textos, imagens, formulários e mais.
<br>	O elemento <br> (quebra de linha) insere uma quebra de linha no texto.
<button>	O elemento <button> cria um botão clicável.
C
<canvas>	Desenha gráficos, animações ou gráficos via JavaScript (2D ou WebGL); a tag é apenas uma tela em branco preenchida por script.
<caption>	O título da tabela, deve ser o primeiro filho da table e é exibido acima dela por padrão.
<cite>	Marca o título de uma obra (livro, artigo, filme, música); renderizado em itálico por padrão.
<code>	Marca um fragmento de código de computador, renderizado em fonte monoespaçada por padrão.
<col>	Define uma coluna de tabela, geralmente dentro de colgroup, para estilizar ou estender uma coluna inteira de uma vez.
<colgroup>	Um contêiner que agrupa colunas de tabela, envolvendo elementos col para definir estilos de coluna em massa.
D
<data>	Associa texto visível a um valor legível por máquina, ex.
<datalist>	Oferece uma lista de valores sugeridos para um input (com dica de menu suspenso) permitindo digitação livre; combine com o atributo list do input.
<dd>	A descrição/valor que corresponde a um dt em uma lista de descrição.
<del>	Representa texto que foi excluído do documento, renderizado com tachado por padrão.
<details>	Representa um widget de divulgação que pode ser aberto/fechado clicando em seu summary.
<dfn>	Marca a ocorrência definidora de um termo, geralmente sua primeira aparição no documento.
<dialog>	Representa uma caixa de diálogo ou modal, aberta via showModal()/show() em JavaScript.
<div>	O elemento <div> (divisão) é um contêiner de bloco genérico sem significado semântico.
<dl>	Uma lista de descrição (pares termo–descrição), usada para glossários ou metadados chave-valor.
<dt>	Um termo/nome em uma lista de descrição, geralmente seguido por um ou mais dd.
E
<em>	Marca texto a ser enfatizado, renderizado em itálico por padrão.
<embed>	Um elemento vazio que incorpora recursos externos (plugins, SVG, PDF); um object simplificado, amplamente superado.
F
<fieldset>	Agrupa controles de formulário relacionados e mostra uma legend opcional, melhorando legibilidade e acessibilidade.
<figcaption>	Fornece uma legenda para uma figure; deve ser o primeiro ou último filho do elemento figure.
<figure>	Representa conteúdo de fluxo autônomo, frequentemente com figcaption, usado para imagens, diagramas, código ou exemplos.
<footer>	Representa o rodapé do conteúdo de seccionamento mais próximo ou do elemento raiz, geralmente autor, direitos autorais, contato ou links relacionados.
<form>	O elemento <form> é o contêiner para coletar e enviar dados do usuário.
<frame>	Define uma subjanela independente dentro de um <frameset> que carrega outra página.
<frameset>	Divide a janela do navegador em várias subjanelas (frame) organizadas por rows/cols.
H
<h1>	O elemento <h1> é o título de nível 1, o mais importante de uma página.
<h2>	O elemento <h2> é um título de nível 2 usado para títulos de seções principais, geralmente subordinado ao <h1>.
<h3>	O elemento <h3> é um título de nível 3 usado abaixo de <h2> para subseções, organizando uma estrutura de conteúdo mais fina.
<h4>	O elemento <h4> é um título de nível 4 abaixo de <h3>, comum em estruturas de documento mais profundas.
<h5>	O elemento <h5> é um título de nível 5, um nível mais profundo na hierarquia de títulos.
<h6>	O elemento <h6> é um título de nível 6, o nível mais profundo na hierarquia de títulos.
<head>	O cabeçalho do documento que contém metadados não visíveis: title, charset, estilos, referências de scripts etc.
<header>	Representa conteúdo introdutório ou uma área de navegação, comumente usado no topo de uma página ou seção (título do site, logo, nav principal).
<hgroup>	Agrupa um conjunto de títulos (<h1>–<h6>), geralmente um título mais um subtítulo, para que vários títulos atuem como um bloco de título.
<hr>	O elemento <hr> (regra horizontal) representa uma quebra temática, renderizada como linha horizontal por padrão.
<html>	O elemento raiz de um documento HTML; todos os outros elementos vivem dentro dele.
I
<i>	Exibe o texto em itálico sem ênfase, usado para palavras estrangeiras, termos técnicos, nomes de navios etc.
<iframe>	Incorpora outra página web ou recurso inline, um "picture-in-picture", comum para mapas, vídeos ou widgets.
<img>	O elemento <img> incorpora uma imagem na página.
<input>	O elemento <input> é o controle de formulário mais comum, criando vários campos de entrada.
<ins>	Representa texto inserido no documento, renderizado com sublinhado por padrão.
K
<kbd>	Marca o texto que o usuário deve digitar via teclado, usado em documentações ou dicas de atalhos.
L
<label>	O elemento <label> define um rótulo para um controle de formulário.
<legend>	Fornece um rótulo visível para um fieldset; deve ser seu primeiro filho.
<li>	O elemento <li> (item de lista) representa um item em <ul> ou <ol>.
<link>	Define uma relação entre o documento atual e um recurso externo, mais frequentemente uma folha de estilos CSS, mas também ícones ou preloads.
M
<main>	Representa o conteúdo dominante do documento, único e excluindo conteúdo repetido de nav/sidebar/footer.
<map>	Define um mapa de imagem no lado do cliente; elementos <area> filhos marcam regiões clicáveis, conectados via usemap de um <img>.
<mark>	Destaca o texto com fundo amarelo padrão, como uma caneta marca-texto; usado para palavras-chave em resultados de busca.
<menu>	Representa uma lista de comandos ou itens de menu, como barra de ferramentas ou menu de contexto; pode conter <li> ou <button>.
<meta>	Descreve metadados do documento — charset, description, author, viewport — invisíveis na página mas vitais para SEO e renderização.
<meter>	Mostra uma medida conhecida dentro de um intervalo (min–max), ex.
N
<nav>	Representa uma seção de links de navegação principais, como navegação primária, breadcrumbs ou paginação.
<noscript>	Mostra seu conteúdo quando o JavaScript está desabilitado ou não suportado, para degradação graciosa.
O
<object>	Um contêiner genérico para recursos incorporados (PDF, imagem, Flash, SVG…) com filhos param e conteúdo de fallback.
<ol>	O elemento <ol> (lista ordenada) define uma lista numerada.
<optgroup>	Agrupa opções dentro de um select, exibido como rótulo de grupo não selecionável.
<option>	Um único item selecionável dentro de select, datalist ou optgroup.
<output>	Representa o resultado de um cálculo ou ação do usuário, frequentemente mostrando saída ao vivo de um formulário via JavaScript; o atributo for lista as entradas usadas.
P
<p>	O elemento <p> (parágrafo) define um parágrafo de texto, um dos contêineres de conteúdo mais usados no HTML.
<param>	Passa parâmetros (ex.
<picture>	Fornece várias fontes de imagem para um img, deixando o navegador escolher a melhor pelo viewport, resolução etc.
<pre>	Texto pré-formatado que preserva espaços e quebras de linha em fonte monoespaçada; ideal para código ou poesia.
<progress>	Mostra a conclusão de uma tarefa (ex.
Q
<q>	Define uma citação curta em linha; os navegadores adicionam aspas automaticamente ao redor dela.
R
<rp>	Fornece parênteses ao redor de anotações ruby para navegadores que não suportam ruby; normalmente ignorado por navegadores modernos.
<rt>	A parte de pronúncia/anotação dentro de ruby, logo após o texto anotado.
<ruby>	Adiciona pronúncia/anotação (pinyin, kana) a texto do Leste Asiático; a anotação é dada por rt, opcionalmente envolvido por rp.
S
<s>	Renderiza um tachado para texto que não é mais preciso ou relevante (ex.
<samp>	Marca saída de exemplo de um programa ou sistema, renderizada em fonte monoespaçada por padrão.
<script>	Incorpora ou referencia JavaScript para interatividade; coloque em head ou body, frequentemente no fim do body para renderização mais rápida.
<section>	Representa uma seção autônoma de conteúdo, geralmente com um título.
<select>	Um controle suspenso que permite ao usuário escolher um ou mais valores de uma lista predefinida, geralmente enviado com um formulário.
<slot>	Define um «slot» em um shadow DOM para Web Components — um espaço reservado onde o conteúdo do host é projetado; name permite distribuição nomeada.
<small>	Renderiza texto em um tamanho de fonte menor, comumente usado para avisos, avisos de direitos autorais, letras miúdas.
<source>	Fornece recursos de mídia para audio, video ou picture, permitindo várias variantes para compatibilidade ou responsividade.
<span>	O elemento <span> é um contêiner inline genérico sem significado semântico.
<strong>	Marca texto de forte importância, renderizado em negrito por padrão.
<style>	Escreve regras CSS inline no documento sem arquivo externo; media pode limitar quando ele se aplica.
<sub>	Define texto subscrito exibido abaixo da linha de base, usado em fórmulas químicas (ex.
<summary>	Como primeiro filho de details, é o título visível que o usuário clica para alternar o widget.
<sup>	Define texto sobrescrito exibido acima da linha de base, usado para notas de rodapé (ex.
T
<table>	O elemento <table> exibe dados em forma de tabela.
<tbody>	O corpo da tabela que envolve linhas de dados (tr); uma tabela pode ter vários tbody para agrupamento.
<td>	Uma célula de dados de tabela padrão que contém o conteúdo em uma interseção linha/coluna.
<template>	Declara um fragmento HTML reutilizável que não é renderizado e cujos scripts não executam, até o JavaScript cloná-lo e inseri-lo.
<textarea>	Uma entrada de texto simples multilinha, ideal para comentários, mensagens ou código.
<tfoot>	O bloco de rodapé da tabela que envolve linhas de resumo (tr), geralmente totais; colocado após tbody, mas renderizado abaixo.
<th>	Uma célula de cabeçalho de tabela que identifica uma linha/coluna, em negrito e centralizada por padrão com semântica de acessibilidade.
<thead>	O bloco de cabeçalho da tabela que envolve linhas de cabeçalho (tr), repetido em cada página impressa de uma tabela longa.
<time>	Representa uma data ou hora legível por máquina, ajudando mecanismos de busca e scripts a analisá-la com precisão.
<title>	Define o título do documento exibido na aba do navegador e nos resultados de busca; exatamente um por documento, dentro de head.
<tr>	Uma linha de tabela, feita de células th (cabeçalho) ou td (dados).
<track>	Especifica uma trilha de texto (legendas, legendas ocultas, capítulos) para audio ou video, geralmente um arquivo .
U
<u>	Adiciona um sublinhado sem ênfase, usado para palavras com erro de ortografia ou nomes próprios que precisam de distinção visual.
<ul>	O elemento <ul> (lista não ordenada) define uma lista de itens sem ordem, renderizada com marcadores por padrão.
V
<var>	Marca uma variável em expressões matemáticas ou programação, renderizada em itálico monoespaçado por padrão.
<video>	Incorpora um player de vídeo com controles, imagem de pôster e múltiplos formatos de fonte.
W
<wbr>	Marca uma oportunidade opcional de quebra de palavra: o navegador quebra aqui apenas se necessário, sem forçar quebra ou adicionar espaço.
#
<!doctype>	Declara o tipo de documento para o navegador saber qual versão de HTML usar.

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

Sobre Nós