Elementos HTML são blocos fundamentais para estruturar páginas da web. Eles informam aos navegadores como exibir e organizar o conteúdo, garantindo que o site tenha a formatação correta.

O que são elementos HTML?

Em HTML, um elemento informa ao navegador a forma de gerenciar o conteúdo. Os elementos costumam ser iniciados com uma tag de abertura (<>) e são encerrados com uma tag de fechamento (</>). O conteúdo ou área em que o elemento é aplicado fica disposta entre essas tags. A tag de abertura informa ao navegador o que fazer com o conteúdo, enquanto a tag de fechamento sinaliza o término dessas instruções. Portanto, elementos HTML ajudam a formatar, estruturar e exibir o conteúdo.

Hospedagem que se adapta às suas ambições
  • Fique online com 99,99% de tempo de atividade e segurança robusta
  • Aumente o desempenho com um clique à medida que o tráfego cresce
  • Inclui domínio gratuito, SSL, e-mail e suporte 24 horas por dia, 7 dias por semana

Como elementos HTML são estruturados?

A maioria dos elementos HTML segue um padrão de estrutura simples. Veja a sintaxe básica:

<tag>Este é o conteúdo ou a área em que o elemento se aplica.</tag>
html

A tag de abertura <tag> especifica o tipo do elemento. Em seguida, vem o conteúdo ou a área em que ele se aplica, seguido pela tag de fechamento </tag>.

Qual é a diferença entre elementos HTML e tags HTML?

Tags HTML fazem parte dos elementos HTML e são essenciais para sua implementação. A tag de abertura marca o início do elemento, e a tag de fechamento sinaliza onde ele termina. O conjunto dessas tags, junto com seu conteúdo, forma um elemento HTML.

Exemplos de elementos HTML

O exemplo a seguir mostra como os elementos HTML funcionam. Adicionamos elementos HTML incorporados para demonstrarmos como documentos HTML usam aninhamento (nesting) para criar uma estrutura hierárquica. Neste exemplo, usamos quatro elementos HTML: <html>, body,<h1> e <p>:

<!DOCTYPE html>
<html>
<body>
<h1>Isso é um título.</h1>
<p>Isso é um parágrafo.</p>
</body>
</html>
html

Abaixo da declaração <!DOCTYPE>, temos o elemento <html>. Ele define o tipo do documento como HTML. Esse elemento serve como uma base que abrange todos os outros elementos posteriores. Depois, temos o elemento <body>, que apresenta o conteúdo da página que fica visível aos usuários. Dentro de “body” está o elemento <h1>. Ele informa ao navegador que o conteúdo deve ser tratado como um título HTML de alto nível. Esse elemento é seguido por <p>, que sinaliza um parágrafo de texto.

O que são elementos HTML vazios?

Existem elementos HTML que não possuem conteúdo interno e não precisam de uma tag de fechamento. Esses são chamados de elementos vazios. Um bom exemplo são as quebras de linha em HTML. Para implementar uma quebra de linha, basta inserir a tag de abertura <br>. Veja um exemplo:

<!DOCTYPE html>
<html>
<body>
<p>Isso é um parágrafo <br>
    com uma quebra de linha.</p>
</body>
</html>
html

Tabela: Elementos HTML mais importantes

Diversos elementos HTML estão disponíveis nessa linguagem de marcação. Estes são alguns dos mais importantes:

Elemento HTML Descrição
<html> Define o tipo do documento como HTML
<head> Abriga as informações que não são exibidas no navegador
<title> Especifica o título da página
<base> Especifica o URL base
<body> Abriga todo o conteúdo que será exibido no navegador
<h1>, <h2>, <h3>… Indica um título
<p> Marca uma seção do conteúdo
<ul> Inicia uma lista não ordenada
<ol> Define uma lista ordenada (numerada)
Este artigo foi útil?
Ir para o menu principal