Esta página é um índice de referência rápida de tags HTML, agrupadas por finalidade: estrutura básica, formatação de texto, formulários, tabelas, mídia, semântica, metadados e scripting. Cada linha leva a um capítulo completo com exemplos, atributos e suporte de navegadores. Use-a para descobrir o que uma tag faz e onde ela se encaixa, e siga o link para mais detalhes.
Dois marcadores aparecem ao longo da tabela:
- (HTML5) — o elemento foi introduzido no HTML5. Faz parte do padrão atual e é seguro para usar em navegadores modernos.
- (Obsoleto) — o elemento foi removido do padrão HTML. Os navegadores ainda podem renderizá-lo por compatibilidade com versões anteriores, mas você não deve usá-lo em código novo. A substituição recomendada é indicada na descrição. Consulte Tags HTML Obsoletas para a lista completa e alternativas modernas.
A maioria das tags vem em pares — uma tag de abertura como <p> e uma tag de fechamento </p> que envolvem o conteúdo. Algumas (por exemplo <br>, <hr> e <img>) são elementos void sem tag de fechamento. Para uma análise mais detalhada sobre como tags, elementos e atributos se encaixam, consulte Elementos HTML e Atributos HTML.
As tags de formatação marcam o significado ou a aparência de fragmentos de texto. Muitas tags de apresentação mais antigas aqui são (Obsoletas) — use CSS para estilização visual.
| Tag | Descrição |
|---|
<abbr> | Define uma abreviação ou acrônimo. |
<acronym> | (Obsoleto) Define um acrônimo. Use <abbr> em vez disso. |
<address> | Especifica informações de contato do autor/proprietário de um documento ou artigo. |
<b> | Exibe texto em negrito. |
<bdi> | (HTML5) Isola um fragmento de texto de seus arredores para formatação bidirecional de texto. |
<bdo> | Substitui a direção do texto atual. |
<big> | (Obsoleto) Exibe texto em tamanho maior. Use CSS em vez disso. |
<blockquote> | Define uma citação longa (em nível de bloco). |
<center> | (Obsoleto) Exibe o conteúdo centralizado. Use CSS em vez disso. |
<cite> | Marca uma referência (título, autor ou URL) a uma obra criativa citada. |
<code> | Define um fragmento de código de computador. |
<del> | Especifica texto excluído. |
<dfn> | Marca a instância de definição de um termo. |
<em> | Especifica texto enfatizado. |
<font> | (Obsoleto) Define fonte, cor e tamanho do texto. Use CSS em vez disso. |
<i> | Exibe texto em itálico. |
<ins> | Define texto inserido em um documento. |
<kbd> | Especifica entrada de teclado. |
<mark> | (HTML5) Marca/realça texto. |
<meter> | (HTML5) Define uma medida escalar dentro de um intervalo conhecido (um medidor). |
<pre> | Define texto pré-formatado. |
<progress> | (HTML5) Indica o progresso de conclusão de uma tarefa (barra de progresso). |
<q> | Define uma citação curta inline. |
<rp> | (HTML5) Fornece parênteses alternativos para navegadores que não suportam anotações ruby. |
<rt> | (HTML5) Define a pronúncia de caracteres em uma anotação ruby (para tipografia do Leste Asiático). |
<ruby> | (HTML5) Representa uma anotação ruby (para tipografia do Leste Asiático). |
<s> | Exibe texto que não é mais preciso com estilo tachado. |
<samp> | Define a saída de exemplo de um programa de computador. |
<small> | Exibe texto em tamanho menor (comentários secundários, letras miúdas). |
<strike> | (Obsoleto) Define texto tachado. Use <del> ou <s> em vez disso. |
<strong> | Define texto de grande importância. |
<sub> | Define texto subscrito. |
<sup> | Define texto sobrescrito. |
<time> | (HTML5) Define uma data/hora. |
<tt> | (Obsoleto) Exibe texto em estilo teletipo (monoespaçado). Use CSS em vez disso. |
<u> | Renderiza texto com uma anotação não textual, exibido sublinhado por padrão. |
<var> | Define uma variável. |
<wbr> | (HTML5) Define uma possível oportunidade de quebra de linha. |
| Tag | Descrição |
|---|
<form> | Especifica um formulário HTML para entrada do usuário. |
<input> | Define um controle de entrada. |
<textarea> | Define um controle de entrada de texto multilinha (área de texto). |
<button> | Define um botão clicável dentro de um formulário HTML. |
<select> | Define uma lista de seleção dentro de um formulário. |
<optgroup> | Agrupa opções relacionadas em uma lista de seleção. |
<option> | Define uma opção em uma lista de seleção. |
<label> | Define um rótulo para um elemento <input>. |
<fieldset> | Agrupa elementos relacionados em um formulário. |
<legend> | Define um título para um elemento <fieldset>. |
<datalist> | (HTML5) Contém um conjunto de opções predefinidas para um elemento <input>. |
<keygen> | (Obsoleto) Gerava um par de chaves para envio de formulário. Removido do padrão; sem substituição direta. |
<output> | (HTML5) Define o resultado de um cálculo. |
Os framesets dividem a janela do navegador em documentos independentes. Eles são (Obsoletos) no HTML5 — use <iframe> ou layout CSS em vez disso.
| Tag | Descrição |
|---|
<frame> | (Obsoleto) Especifica um único frame dentro de um frameset. |
<frameset> | (Obsoleto) Especifica um conjunto de frames. |
<noframes> | (Obsoleto) Fornece conteúdo alternativo para navegadores que não suportam frames. |
<iframe> | Incorpora outro documento em um frame inline. |
| Tag | Descrição |
|---|
<img> | Especifica uma imagem. |
<map> | Especifica um mapa de imagem do lado do cliente. |
<area> | Define uma área interativa dentro de um mapa de imagem. |
<canvas> | (HTML5) Uma superfície de desenho para renderizar gráficos dinamicamente via scripting (geralmente JavaScript). |
<figcaption> | (HTML5) Define uma legenda para um elemento <figure>. |
<figure> | (HTML5) Define conteúdo autônomo, como uma ilustração ou diagrama. |
<picture> | (HTML5) Contêiner para múltiplos recursos de imagem especificados em elementos <source>. |
<svg> | (HTML5) Contêiner para gráficos SVG inline. |
| Tag | Descrição |
|---|
<audio> | (HTML5) Incorpora conteúdo de áudio. |
<source> | (HTML5) Especifica recursos de mídia alternativos para <video>, <audio> ou <picture>. |
<track> | (HTML5) Adiciona uma trilha de texto (legendas, subtítulos) para <video> e <audio>. |
<video> | (HTML5) Incorpora conteúdo de vídeo. |
| Tag | Descrição |
|---|
<a> | Define um hyperlink. |
<link> | Vincula o documento atual a um recurso externo (geralmente uma folha de estilos CSS externa). |
<nav> | (HTML5) Define um bloco de links de navegação. |
| Tag | Descrição |
|---|
<ul> | Define uma lista não ordenada. |
<ol> | Define uma lista ordenada. |
<li> | Define um item de lista. |
<dir> | (Obsoleto) Define uma lista de diretórios. Use <ul> em vez disso. |
<dl> | Define uma lista de descrição (definição). |
<dt> | Define um termo/nome em uma lista de descrição. |
<dd> | Define a descrição de um termo em uma lista de descrição. |
<menu> | Define uma lista (menu) de comandos. |
<menuitem> | (Obsoleto) Definia um comando em um menu de contexto. Removido do padrão e sem suporte em navegadores modernos. |
| Tag | Descrição |
|---|
<table> | Define uma tabela. |
<caption> | Define um título da tabela. |
<th> | Define uma célula de cabeçalho em uma tabela. |
<tr> | Define uma linha de células em uma tabela. |
<td> | Define uma célula em uma tabela. |
<thead> | Agrupa um conjunto de linhas que descrevem os rótulos de coluna de uma tabela. |
<tbody> | Agrupa um conjunto de linhas que definem o corpo principal dos dados da tabela. |
<tfoot> | Define um rodapé de uma tabela. |
<col> | Define valores para uma ou mais colunas em um elemento <colgroup>. |
<colgroup> | Especifica um grupo de uma ou mais colunas em uma tabela para formatação. |
Essas tags não carregam significado intrínseco. São contêineres que você estiliza com CSS. Recorra a elas apenas quando nenhum elemento semântico se encaixar.
| Tag | Descrição |
|---|
<div> | Define um contêiner genérico em nível de bloco. |
<span> | Define um contêiner genérico inline. |
<style> | Contém informações de estilo (geralmente CSS) para o documento. |
Os elementos semânticos descrevem o significado de seu conteúdo, auxiliando navegadores, mecanismos de busca e tecnologias assistivas. Consulte Elementos Semânticos no HTML5.
| Tag | Descrição |
|---|
<header> | (HTML5) Define um cabeçalho ou um bloco de conteúdo introdutório. |
<footer> | (HTML5) Define um rodapé para um documento ou seção. |
<main> | (HTML5) Especifica o conteúdo dominante do documento. |
<section> | (HTML5) Define um agrupamento temático de conteúdo. |
<article> | (HTML5) Define conteúdo autônomo e distribuível independentemente. |
<aside> | (HTML5) Define conteúdo tangencialmente relacionado ao conteúdo ao redor. |
<details> | (HTML5) Um widget de divulgação que o usuário pode abrir ou fechar. |
<summary> | (HTML5) Define o cabeçalho visível para um elemento <details>. |
<dialog> | (HTML5) Define uma caixa de diálogo ou janela modal. |
<data> | (HTML5) Vincula conteúdo a um valor legível por máquina. |
| Tag | Descrição |
|---|
<head> | Contém metadados sobre o documento, que não são exibidos ao usuário. |
<meta> | Define metadados como conjunto de caracteres, viewport e descrição. |
<base> | Define a URL base e/ou o destino para todos os links relativos de uma página. |
<basefont> | (Obsoleto) Definia uma fonte, tamanho e cor padrão. Use CSS em vez disso. |
<template> | (HTML5) Contém marcação inerte que não é renderizada, mas pode ser clonada e inserida com JavaScript. |
| Tag | Descrição |
|---|
<script> | Incorpora ou referencia um script executável (geralmente JavaScript). |
<noscript> | Define conteúdo alternativo para navegadores com scripting desabilitado ou não suportado. |
<embed> | Incorpora conteúdo externo (como um plug-in ou mídia) no ponto especificado. |
<object> | Incorpora um recurso externo (imagem, contexto de navegação aninhado, conteúdo de plug-in). |
<param> | Define um parâmetro para um elemento <object>. |
<applet> | (Obsoleto) Incorporava um Java applet. Removido do padrão; use <object> ou <embed> em vez disso. |
Prática