---
title: Referência dos elementos HTML
slug: Web/HTML/Elemento
tags:
  - Elemento
  - HTML
  - 'I10n:priority'
  - Referencia
  - Web
  - básico
translation_of: Web/HTML/Element
---
<div>{{HTMLSidebar("Elements")}}</div>

<p><span class="seoSummary">Esta página lista todos os {{Glossary("HTML")}} {{Glossary("Element","elementos")}}.</span> Eles são agrupados por função para ajudá-lo a encontrar facilmente o que tem em mente. Uma lista alfabética de todos os elementos é fornecida na barra lateral na página de cada elemento, bem como nesta.</p>

<div class="note">
<p>Para mais informação sobre os conceitos básicos dos elementos e atributos HTML, consulte a <a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">secção sobre elementos no artigo de Introdução ao HTML</a>.</p>
</div>

<h2 id="Raiz_principal">Raiz principal</h2>

<p>{{HTMLRefTable("HTML Root Element")}}</p>

<h2 id="Metadados_do_documento">Metadados do documento</h2>

<p>Os metadados contêm informação acerca da página. Incluem informação sobre estilos, <em>scripts</em> e dados que ajudam a usar o software ({{Glossary("search engine", "motor de busca")}}, {{Glossary("Browser","Browsers")}}, etc.) e a interpretar a página. Os metadados para estilos e <em>scripts</em> devem ser definidos na página ou num link para um ficheiro que contém a informação.</p>

<p>{{HTMLRefTable("HTML Document Metadata")}}</p>

<h2 id="Secção_de_raiz">Secção de raiz</h2>

<p>{{HTMLRefTable("Sectioning Root Element")}}</p>

<h2 id="Segmentação_de_conteúdo">Segmentação de conteúdo</h2>

<p>Os elementos de segmentação de conteúdo permitem-lhe organizar o documento em partes lógicas. Use os elementos de segmentação para criar um esquema vasto dos conteúdos da sua página, incluindo a navegação de cabeçalho e rodapé, e elementos de título para identificar secções de conteúdo.</p>

<p>{{HTMLRefTable("HTML Sections")}}</p>

<h2 id="Conteúdo_textual">Conteúdo textual</h2>

<p>Use elementos textuais HTML para organizar blocos ou secções de conteúdo situados entre os elementos <code>&lt;/body&gt;</code> de início {{HTMLElement("body")}} e fim. Sendo importantes para {{Glossary("accessibility")}} e {{Glossary("SEO")}}, estes elementos identificam o propósito ou estrutura desse conteúdo.</p>

<p>{{HTMLRefTable("HTML Grouping Content")}}</p>

<h2 id="Semântica_de_texto_em_linha">Semântica de texto em linha</h2>

<p>Use a semântica de texto em linha do HTML para definir o significado, estrutura ou estilo de uma palavra, linha ou texto arbitrário.</p>

<p>{{HTMLRefTable("HTML Text-Level Semantics")}}</p>

<h2 id="Imagem_e_multimédia">Imagem e multimédia</h2>

<p>O HTML suporta vários recursos multimédia como imagens, áudio e vídeo.</p>

<p>{{HTMLRefTable("multimedia")}}</p>

<h2 id="Conteúdo_incorporado">Conteúdo incorporado</h2>

<p>Além do conteúdo multimédia regular, o HTML poderá incluir diversos outros conteúdos, ainda que a interação com este nem sempre seja fácil.</p>

<p>{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}</p>

<h2 id="Scripting"><em>Scripting</em></h2>

<p>De modo a criar conteúdos dinâmicos e aplicações Web, o HTML suporta o uso de linguages de <em>script</em>, nomeadamente JavaScript. Certos elementos suportam esta capacidade.</p>

<p>{{HTMLRefTable("HTML Scripting")}}</p>

<h2 id="Edições_de_demarcação">Edições de demarcação</h2>

<p>Estes elementos permitem-lhe dar indicações sobre que partes do texto específicas foram alteradas.</p>

<p>{{HTMLRefTable("HTML Edits")}}</p>

<h2 id="Conteúdo_de_tabela">Conteúdo de tabela</h2>

<p>Estes elementos são usados para criar e manipular dados tabulares.</p>

<p>{{HTMLRefTable("HTML tabular data")}}</p>

<h2 id="Formulários">Formulários</h2>

<p>O HTML fornece um número de elementos que podem ser usados em conjunto para criar formulários que o utilizador poderá preencher e submeter na página web ou aplicação. Existe uma considerável quantidade de informação sobre o mesmo disponível na página <a href="/en-US/docs/Web/Guide/HTML/Forms">HTML forms guide</a>.</p>

<p>{{HTMLRefTable({"include": ["HTML forms"], "exclude":["Deprecated"]})}}</p>

<h2 id="Elementos_interativos">Elementos interativos</h2>

<p>O HTML oferece uma selecção de elementos que ajudam a criar objectos interativos de interface com o utilizador.</p>

<p>{{HTMLRefTable("elementos interativos HTML")}}</p>

<h2 id="Componentes_da_Web">Componentes da Web</h2>

<p>Os Componentes Web são uma tecnologia relacionada com o HTML que possibilitam a criação e utilização de elementos personalizados como se se tratassem de elementos HTML vulgares. Adicionalmente, poderá criar versões personalizadas de elementos HTML standard.</p>

<p>{{HTMLRefTable({"include":["Web Components"],"exclude":["Deprecated", "Obsolete"]})}}</p>

<h2 id="Elementos_obsoletos_e_desaprovados">Elementos obsoletos e desaprovados</h2>

<div class="warning">
<p><strong>Aviso:</strong> Estes são elementos HTML antigos que foram desaprovados e não devem ser usados. <strong>Nunca deve usá-los em projectos novos, e deve substitui-los em antigos projectos assim que possa.</strong> Os mesmos são aqui listados apenas para informação.</p>
</div>

<p>{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}</p>