4.2 KiB

Raw Blame History

title	localeTitle
Elements	Elementos

Elementos HTML

Elementos são os blocos de construção do HTML que descrevem a estrutura e o conteúdo de uma página da web. Eles são a parte "Markup" do HyperText Markup Language (HTML).

A sintaxe HTML usa os colchetes angulares ("<" e ">") para manter o nome de um elemento HTML. Os elementos geralmente têm uma tag de abertura e uma tag de fechamento e fornecem informações sobre o conteúdo que contêm. A diferença entre os dois é que a tag de fechamento tem uma barra.

Aqui está um exemplo usando o elemento p (  ) para informar ao navegador que um grupo de texto é um parágrafo:


<p>This is a paragraph.</p>

As tags de abertura e fechamento devem corresponder, caso contrário, o navegador pode exibir conteúdo de maneira inesperada.

Elementos de fechamento automático

Alguns elementos HTML são de fechamento automático, o que significa que eles não têm uma tag de fechamento separada. Elementos de fechamento automático normalmente inserem algo em seu documento.

Um exemplo é o elemento br (   ), que insere uma quebra de linha no texto. Anteriormente, as tags de fechamento automático tinham a barra invertida (   ), no entanto, a especificação HTML5 não exige mais isso.

Funcionalidade de Elemento HTML

Existem muitos elementos HTML disponíveis. Aqui está uma lista de algumas das funções que eles executam:

dar informações sobre a própria página da web (os metadados)
estruturar o conteúdo da página em seções
incorporar imagens, vídeos, clipes de áudio ou outros recursos multimídia
criar listas, tabelas e formulários
dar mais informações sobre determinado conteúdo de texto
link para folhas de estilo que têm regras sobre como o navegador deve exibir a página
adicionar scripts para tornar uma página mais interativa e dinâmica

Aninhando Elementos HTML

Você pode aninhar elementos dentro de outros elementos em um documento HTML. Isso ajuda a definir a estrutura da página. Apenas certifique-se de que as tags fechem primeiro do elemento mais interno.

Corrigir: This is a paragraph that contains a span element.

Incorreta: This is a paragraph that contains a span element.

Elementos em bloco e inline

Os elementos vêm em duas categorias gerais, conhecidas como nível de bloco e inline. Os elementos no nível do bloco iniciam automaticamente em uma nova linha, enquanto os elementos incorporados ficam no conteúdo ao redor.

Os elementos que ajudam a estruturar a página em seções, como uma barra de navegação, títulos e parágrafos, geralmente são elementos no nível do bloco. Elementos que inserem ou fornecem mais informações sobre o conteúdo são geralmente inline, como links ou imagens .

O elemento HTML

Há um elemento <html> que é usado para conter a outra marcação para um documento HTML. Também é conhecido como o elemento "raiz" porque é o pai dos outros elementos HTML e o conteúdo de uma página.

Aqui está um exemplo de uma página com um elemento head , um elemento body e um parágrafo :


<!DOCTYPE html> 
 <html> 
  <head> 
  </head> 
  <body> 
    <p>I'm a paragraph</p> 
  </body> 
 </html>

O elemento HEAD

Este é o contêiner para processar informações e metadados para um documento HTML.


<head> 
  <meta charset="utf-8"> 
 </head>

O elemento BODY

Este é o contêiner para o conteúdo exibível de um documento HTML.


<body>...</body>

O elemento P

Cria um parágrafo, talvez o elemento de nível de bloco mais comum.


<p>...</p>

O elemento A (link)

Cria um hiperlink para direcionar visitantes para outra página ou recurso.


<a href="#">...</a>

4.2 KiB Raw Blame History