Este artigo necessita de uma revisão editorial. Como posso ajudar.
Esta página lista todos os elementos HTML. Eles são agrupados por função para ajuda-lo a achar o que quer fácilmente. Apesar deste guia ser escrito para aqueles mais inexperientes com a programação, nós esperamos que seja útil para todos.
Elementos básicos
Elementos básicos são o que constituem a base de todo documento HTML. Se vê esses elementos no código fonte de todas as páginas da web, logo em seguida da declaração de doctype, que está na primeira linha da página. O doctype específica qual a versão de (X)HTML que a página está usando. Os elementos que formam o conteúdo da página são postos entre a tag de abertura <html> e a tag de fechamento </html>. O elemento <html> é também conhecido como o elemento raiz.
| Element | Description |
|---|---|
<html> |
O elemento HTML <html> (ou HTML root element) representa a raiz de um HTML ou XHTML documento. Todos os outros elementos devem ser descendentes desse elemento. |
Metadados do documento
Os metadados são onde se guardam várias informações sobre a página, incluindo informações sobre estilos, scripts e dados para auxiliar software (ferramentas de pesquisa, navegadores, etc) usar e renderizar a página. Os metadados de estilos e scripts podem ser definidos dentro da própria página ou escritos em um arquivo externo que é referênciado pela mesma.
| Element | Description |
|---|---|
<address> |
O Elemento HTML <address> pode ser usado por autores para fornecer informação de contato para seu ancestral <article> ou <body> mais próximo; no segundo caso, ela se aplica ao documento inteiro. |
<article> |
O Elemento HTML Article (<article>) representa uma composição independente em um documento, página, aplicação, ou site, ou que é destinado á ser distribuido de forma independente ou reutilizável, por exemplo, em sindicação. Este poderia ser o post de um fórum, um artigo de revista ou jornal, um post de um blog, um comentário enviado por um usuário, um gadget ou widget interativos, ou qualquer outra forma de conteúdo independente. |
<aside> |
O elemento HTML <aside> representa uma seção de uma página que consiste de conteúdo que é tangencialmente relacionado ao conteúdo do seu entorno, que poderia ser considerado separado do conteúdo. Essas seções são, muitas vezes, representadas como barras laterais. Elas muitas vezes contem explicações laterais, como a definição de um glossário; conteúdo vagamente relacionado, como avisos; a biografia do autor; ou, em aplicações web, informações de perfil ou links de blogs relacionados. |
<footer> |
O elemento HTML de Rodapé ( |
<header> |
O elemento HTML <header> representa um grupo de suporte introdutório ou navegacional. Pode conter alguns elementos de cabeçalho mas também outros elementos como um logo, seções de cabeçalho, formulário de pesquisa, e outros. |
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> |
Elementos de cabeçalho são implementados em seis níveis, <h1> é o mais importante e <h6> é o de menor importância. Um elemento de cabeçalho descreve brevemente o tópico da seção em que ele está. As informações de cabeçalho podem ser usadas por agentes de usuário, por exemplo, para construir uma tabela de conteúdos para um documento automaticamente. |
<hgroup> |
O Elemento HTML <hgroup> (HTML Headings Group Element) representa título de um seção. Ele define um único título que participa do esboço do documento como o título da seção implícita ou explícita que ele pertence. |
<nav> |
O Elemento HTML de Navegação (<nav>) representa uma seção de uma página que aponta para outras páginas ou para outras áreas da página, ou seja, uma seção com links de navegação. |
Separação de conteúdo
Elementos de separação de conteúdo permitem organizar o conteúdo do documento em partes lógicas. Use elementos de separação para criar um esboço do conteúdo da página, incluindo navegação por cabeçalho e rodapé, e elementos de cabeçalho para identificar seções de conteúdo.
| Element | Description |
|---|---|
<address> |
O Elemento HTML <address> pode ser usado por autores para fornecer informação de contato para seu ancestral <article> ou <body> mais próximo; no segundo caso, ela se aplica ao documento inteiro. |
<article> |
O Elemento HTML Article (<article>) representa uma composição independente em um documento, página, aplicação, ou site, ou que é destinado á ser distribuido de forma independente ou reutilizável, por exemplo, em sindicação. Este poderia ser o post de um fórum, um artigo de revista ou jornal, um post de um blog, um comentário enviado por um usuário, um gadget ou widget interativos, ou qualquer outra forma de conteúdo independente. |
<aside> |
O elemento HTML <aside> representa uma seção de uma página que consiste de conteúdo que é tangencialmente relacionado ao conteúdo do seu entorno, que poderia ser considerado separado do conteúdo. Essas seções são, muitas vezes, representadas como barras laterais. Elas muitas vezes contem explicações laterais, como a definição de um glossário; conteúdo vagamente relacionado, como avisos; a biografia do autor; ou, em aplicações web, informações de perfil ou links de blogs relacionados. |
<footer> |
O elemento HTML de Rodapé ( |
<header> |
O elemento HTML <header> representa um grupo de suporte introdutório ou navegacional. Pode conter alguns elementos de cabeçalho mas também outros elementos como um logo, seções de cabeçalho, formulário de pesquisa, e outros. |
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> |
Elementos de cabeçalho são implementados em seis níveis, <h1> é o mais importante e <h6> é o de menor importância. Um elemento de cabeçalho descreve brevemente o tópico da seção em que ele está. As informações de cabeçalho podem ser usadas por agentes de usuário, por exemplo, para construir uma tabela de conteúdos para um documento automaticamente. |
<hgroup> |
O Elemento HTML <hgroup> (HTML Headings Group Element) representa título de um seção. Ele define um único título que participa do esboço do documento como o título da seção implícita ou explícita que ele pertence. |
<nav> |
O Elemento HTML de Navegação (<nav>) representa uma seção de uma página que aponta para outras páginas ou para outras áreas da página, ou seja, uma seção com links de navegação. |
Conteúdo textual
Usam-se elementos HTML de conteúdo textual para se organizar blocos ou seções de conteúdo postos entre as tags de abertura <body> e fechamento </body>. Importantes para accessibilidade e SEO, esses elementos identificam o propósito ou estrutura do conteúdo.
| Element | Description |
|---|---|
<dd> |
|
<div> |
O HTML <div> elemento (ou simplesmente HTML Documento de Divisão de Elemento) é um container genêrico para conteúdo de fluxo, que de certa forma não representa nada. Ele pode ser usado utilizado para agrupar elementos para fins de estilos (usando class ou id), ou porque eles compartilham valores de atributos, como lang. Ele deve ser utilizado somente quando não tiver outro elemento de semântica (tal como {{ HTMLElemento }} ou {{ HTMLElemento }}) como é apropriado. |
<dl> |
O elemento HTML Definition List (<dl>) engloba uma lista de pares de termos e descrições. Um uso comum para este elemento é para implementar um glossário ou exibir metadados(uma lista de pares chave e valor). |
<dt> |
O elemento HTML <dt> (ou Elemento HTML de Definição de Termo) identifica um termo na lista de definição. Este elemento pode ocorrer somente em um elemento filho de <dl>. Geralmente seguido por um elemento <dd>; ou multiplos <dt> na mesma linha indicam vários termos sendo definidos pelo próximo element <dd>. |
<figcaption> |
|
<figure> |
|
<hr> |
O elemento HTML <hr> representa uma quebra temática entre elementos de nível de parágrafo (por exemplo , uma mudança da cena de uma história, ou uma mudança de tema com uma seção). Nas versões anteriores do HTML, representava uma linha horizontal. Pode continuar sendo exibida como uma linha horizontal nos navegadores, mas agora está definida em termos semânticos, em vez de termos de apresentação. |
<li> |
O HTML List item element (<li>) é usado para representar um item de lista. It should be contained in an ordered list (<ol>), an unordered list (<ul>) or a menu (<menu>), where it represents a single entity in that list. In menus and unordered lists, list items are ordinarily displayed using bullet points. In ordered lists, they are usually displayed with some ascending counter on the left such as a number or letter |
<main> |
O elemento <main> define o conteúdo principal dentro do <body> em seu documento ou aplicação. Entende-se como conteúdo principal aquele relacionado diretamente com o tópico central da página ou com a funcionalidade central da aplicação. O mesmo deverá ser único na página, ou seja, dentro do elemento <main> não deverão ser incluidas seções da página que sejam comuns a todo o site ou aplicação, tais como mecanismos de navegação, informações de copyright, logotipo e campos de busca (a não ser, é claro, caso a função principal do documento seja fazer algum tipo de busca). |
<ol> |
O Elemento HTML <ol> (ou HTML Elemento de lista ordenada) representa uma lista ordenada de itens. Tipicamente, listas ordenandas de items são mostradas com um número precente, o qual pode ser de qualquer tipo, como números, letras, numeros romanos ou ainda simples símbolos. Esse estilo numerado não é definido no html da página, mas sim no CSS associado, usando a propriedade list-style-type. |
<p> |
O elemento HTML <p> (ou Elemento HTML Paragrafo) representa um parágrafo do texto. |
<pre> |
HTML Preformatted Text (<pre>) é a tag utilizada para representar texto pré-formatado. Um texto dentro desse elemento é tipicamente exibido em uma fonte não proporcional da mesma maneira em que o texto original foi disposto no arquivo. Espaços em branco são mantidos no texto da mesma forma em que este foi digitado. |
<ul> |
Semânticas textuais inline
Usa-se a semântica textual inline para definir o significado, estrutura, ou estilo de uma palavra, linha, ou de qualquer outro tipo de texto.
| Element | Description |
|---|---|
<a> |
O elemento HTML <a> (ou o Elemento Ancora HTML define uma hiperligação (hyperlink), o destino de uma hiperligação, ou ambos. |
<abbr> |
O Elemento HTML <abbr> (ou Elemento de Abreviação HTML) representa uma abreviação e opcionalmente fornece uma descrição completa para ela. Se presente, o atributo title deve conter a descrição completa e apenas ela. |
<b> |
O elemento HTML <b> representa um intervalo de texto estilísticamente diferente do texto normal, sem transmitir qualquer importância ou relevância. Ele é geralmente usado para destacar palavras-chaves em um resumo, nomes de produtos em um comentário ou outros vãos de texto cuja a apresentação típica seria negrito. Outro exemplo de seu uso é como marcação da frase principal de cada paragrafo de um artigo. |
<bdi> |
Este elemento é útil ao incorporar o texto com uma direção desconhecida, de umbanco de dados por exemplo, no interior do texto com uma direção fixa. |
<bdo> |
|
<br> |
O elemento HTML quebra-de-linha <br> produz uma quebra de linha em um texto (carriage-return).É útil para escrever poemas ou um endereço, onde a divisão de linha é significante. |
<cite> |
|
<code> |
|
<data> |
The HTML <data> Element links a given content with a machine-readable translation. If the content is time- or date-related, the <time> must be used. |
<dfn> |
O elemento HTML <dfn> (ou Elemento Definição HTML) representa uma instância de definição de um termo. |
<em> |
|
<i> |
|
<kbd> |
|
<mark> |
O Elemento HMTL <mark> representa um trecho de destaque em um texto, por exemplo, uma sequência de texto marcado como referência, devido à sua relevância em um contexto particular. Por Exemplo, pode ser utilizado em uma página que mostra os resultados de uma busca onde todas as instâncias da palavra pesquisadas receberam destaque. |
<q> |
|
<rp> |
|
<rt> |
The HTML <rt> Element embraces pronunciation of character presented in a ruby annotations, which are for showing pronunciation of East Asian characters and the <rt> element is used inside of <ruby> element. |
<rtc> |
|
<ruby> |
O elemento HTML <ruby> representa uma anotação ruby. Anotações ruby são para mostrar a pronúncia de caracteres do Leste Asiático |
<s> |
|
<samp> |
|
<small> |
|
<span> |
O elemento HTML <span> é um conteiner generico em linha para conteúdo fraseado , que não representa nada por natureza. Ele pode ser usado para agrupar elementos para fins de estilo (usando os atributos class ou id ), ou para compartilhar valores de atributos como lang. Ele deve ser usado somente quando nenhum outro elemento semântico for apropriado. <span> é muito parecido com o elemento <div> , entretando <div> é um elemento de nível de bloco enquanto <span> é um elemento em linha. |
<strong> |
|
<sub> |
|
<sup> |
|
<time> |
O elemento HTML time (<time>) representa o tempo tanto no formato de 24 horas ou como uma data precisa no calendário Gregoriano (com informações opcionais de tempo e fuso horário) |
<u> |
|
<var> |
O elemento HTML Variable (<var>) representa uma variável em uma expressão matemática ou um contexto de programação. |
<wbr> |
A Palavra Pausa opportunit y ( <wbr> elemento HTML) representa uma posição no texto onde o navegador pode, opcionalmente, quebrar uma linha, embora suas regras de quebra de linha de outra forma não criar uma ruptura naquele local. |
Imagem e multimídia
HTML suporta vários recursos multimídia como imagens, audio, e video.
| Element | Description |
|---|---|
<area> |
O HTML <area> elemento define uma região hot-spot em uma imagem, e, opcionalmente, associa-lo com um link de hipertexto. Este elemento é usado somente dentro de um <map> elemento. |
<audio> |
O elemento audio é utilizado para embutir conteúdo de som em um documento HTML ou XHTML.O elemento audio foi adicionado como parte do HTML5. |
<map> |
O elemento HTML <map> é usado com os elementos <area> para definir um mapa de imagem (a área clicável do link). |
<track> |
|
<video> |
O elemento HTML <video> é utilizado para incorporar conteúdo de vídeo em um documento HTML ou XHTML. |
Conteúdo integrado
Além do conteúdo normal de multimídia, HTML pode incluir uma variedade de outros conteúdos, apesar de nem todos serem possuírem fácilidade de interação.
| Element | Description |
|---|---|
<embed> |
O Elemento HTML <embed> representa um ponto de integração para uma aplicação externa ou conteúdo interativo (em outras palavras, um plug-in). |
<object> |
|
<param> |
|
<source> |
O elemento source é utilizado para especificar múltiplos recursos de mídia de elementos audio e video em HTML5. É um elemento vazio. É normalmente usado para disponibilizar multiple formats supported by different browsers. |
Scripting
Com o intuito de permitir a criação de conteúdo dinâmico e aplicações Web, HTML foi projetado com suporte a linguagens de scripting, a mais prominiente sendo JavaScript. Certos elementos suportam essa capacidade.
| Element | Description |
|---|---|
<canvas> |
O elemento HTML Canvas (<canvas>) pode ser utilizado para desenhar gráficos utilizando scripts (geralmente JavaScript). Por exemplo, além de desenhar gráficos, ele pode ser usado para fazer composições de fotos e também para animações. Você poderá colocar conteúdos alternativos dentro do bloco <canvas>. Este conteúdo será renderizado também em navegadores antigos e em navegadores com JavaScript desabilitado. |
<noscript> |
O Elemento HTML <noscript> define uma seção de html a ser inserida em um typo de script não suportado pela página ou se o script está desativado no navegador. |
<script> |
Demarcando edições
Estes elementos permitem prover indicações que partes específicas de um texto foram alteradas.
| Element | Description |
|---|---|
<del> |
O elemento HTML <del> (ou Elemento HTML de Texto Excluído) representa uma parte do texto que foi excluída de um documento. Este elemento é (não necessariamente) renderizado pelos navegadores com uma linha entre o texto. |
<ins> |
The HTML <ins> Element (or HTML Inserted Text) HTML represents a range of text that has been added to a document. |
Conteúdo tabulado
Estes elementos são usados para se criar e manipular dados em tabelas.
| Element | Description |
|---|---|
<caption> |
O Elemento HTML <caption> (ou Elemento HTML Subtitulo de Tabela) representa o título de uma tabela. Embora ele seja sempre o primeiro filho de um <table>, seu estilo, usando CSS pode colocar ele em qualquer lugar relativo a tabela. |
<col> |
|
<colgroup> |
|
<table> |
O elemento HTML Table (<table>) representa dados em duas dimensões ou mais. |
<tbody> |
|
<td> |
A celula da tabela HTML elemento (<td>) define uma célula de uma tabela que contém os dados. Participa no modelo da tabela. |
<tfoot> |
|
<th> |
|
<thead> |
|
<tr> |
Formulários
HTML provê de vários elementos que podem ser usados juntos para criar formulários que o usuário pode preencher e mandar para o website ou aplicativo. Há muito mais informação no guia de formulários HTML.
| Element | Description |
|---|---|
<button> |
O Elemento HTML <button> representa um botão clicável. |
<datalist> |
O elemento HTML Datalist (<datalist>) contém um conjunto de elementos <option> que representam as opções possíveis para o valor de outros controles. |
<fieldset> |
|
<form> |
O elemento HTML <form> representa uma seção de um documento que contém controles interativos que permitem ao usuário submeter informação a um determinado servidor web. |
<input> |
Este elemento inclui os atributos globais. |
<label> |
Um elemento HTML <label> representa uma legenda para um item em uma interface de usuário. Ele pode estar associado com um elemento de controle, colocando este dentro do elemento label, ou usando o atributo for. Tal controle é chamado o controle etiquetado do elemento etiqueta. Um input pode ser associado a diversas etiquetas (<label>s). |
<legend> |
O Elemento HTML <legend> (ou Elemento HTML Campo "Legend") representa um rótulo para o conteúdo do seu ancestral <fieldset>. |
<meter> |
O elemento HTML meter (<meter>) pode representar um valor escalar dentro de um intervalo conhecido ou um valor fracionário. |
<optgroup> |
Em um Formulário Web, o elemento HTML <optgroup> cria um agrupamento de opções dentro do elemento <select>. |
<option> |
Em um formulário Web, o elemento HTML <option> é usado para criar um controle que representa um item dentro de um elemento HTML5 <select>, <optgroup> ou <datalist>. |
<output> |
O elemento saída ( |
<progress> |
o elemento HTML progress ( |
<select> |
O elemento HTML select (<select>) representa um controle que apresenta um menu de opções. As opções dentro do menu são representadas pelo elemento <option>, que podem ser agrupados por elementos |
<textarea> |
Elementos interativos
HTML oferece uma seleção de elementos que auxiliam na criação de objetos interativos de interface para usuários.
| Element | Description |
|---|---|
<details> |
O elemento HTML details (<details>) é usado como uma ferramenta de onde o usuário irá obter informações adicionais. |
<dialog> |
|
<menu> |
|
<menuitem> |
|
<summary> |
O elemento HTML summary (<summary>) é utilizado como um sumário ou legenda para o conteúdo de um elemento <details>. |
Componentes Web
Componentes Web são uma tecnologia relacionada a HTML que faz possível, essencialmente, a criação e customização de elementos como se fossem parte normal do HTML. Além disso, se pode criar versões customizadas de elementos padrão do HTML.
Observação: Os elementos pertencentes aos Componentes Web são definidos na coleção de especificações dos Componentes Web da World Wide Web Consortium (W3C) em vez da específicação do HTML. Além disso, a especificação dos Componentes Web ainda não foi finalizada e está sujeita a mudanças.
| Element | Description |
|---|---|
<content> |
|
<element> |
|
<shadow> |
|
<template> |
Elementos obsoletos
Aviso: Estes elementos HTML antigos são obsoletos e não devem mais ser usados. Você deve sempre evitar usa-los em novos projetos, e deve substitui-los assim que possível. Eles estão listados apenas por motivos educacionais.
| Element | Description |
|---|---|
<acronym> |
O Elemento HTML Acrônimo (<acronym>) permite à autores claramente indicar que uma seqüência de caracteres compõe um acrônimo ou uma abreviação de uma palavra. |
<applet> |
The HTML Applet Element (<applet>) identifies the inclusion of a Java applet. |
<basefont> |
|
<big> |
|
<blink> |
O elemento HTML Blink (<blink>) é um elemento não-padrão que faz com que o texto pisque lentamente. |
<center> |
|
<command> |
O elemento command representa um comando que o usuário pode chamar. |
<content> |
|
<dir> |
|
<font> |
|
<frame> |
|
<frameset> |
|
<isindex> |
|
<keygen> |
|
<listing> |
|
<marquee> |
O elemento HTML <marquee> é usado para inserir uma área de rolagem de texto. |
<multicol> |
|
<nextid> |
|
<noembed> |
|
<plaintext> |
|
<spacer> |
|
<strike> |
|
<tt> |
|
<xmp> |
Etiquetas do documento e colaboradores
Etiquetas:
Colaboradores desta página:
fcard,
afonsopacifer,
antoniojnr,
teoli,
luizmassa,
robsonds,
LeonardoPacheco,
hsteffano
Última atualização por:
fcard,