Elementos HTML

Introdução ao HTML / Tutorial HTML5

Elementos e suas Tags

Os elementos HTML são os blocos de construção de uma página web. Eles são formados por uma tag de abertura, um conteúdo e, geralmente, uma tag de fechamento. Por exemplo:

<p>Este é um parágrafo em HTML.</p>

No exemplo acima:

  • <p> é a tag de abertura.
  • Este é um parágrafo em HTML. é o conteúdo da tag.
  • </p> é a tag de fechamento.

É importante que as tags sejam consistentes: o nome da tag de abertura deve coincidir com o da tag de fechamento.

Outros exemplos de marcações:

ExemploResultado
Texto com <b>negrito</b>Texto com negrito
Texto com <i>itálico</i>Texto com itálico
Texto com <u>sublinhado</u>Texto com sublinhado

Esses elementos são usados para destacar partes específicas do texto com diferentes estilos.

Elementos Vazios

Nem todos os elementos HTML têm conteúdo. Alguns, como o <br> (quebra de linha) e o <hr> (linha horizontal), não possuem tag de fechamento e são chamados de elementos vazios.

TagDescrição
<br>Insere uma quebra de linha no texto.
<hr>Insere uma linha horizontal na página.

Os elementos vazios são úteis para estruturar ou separar o conteúdo da página sem a necessidade de um conteúdo interno.

Atributos dos Elementos

Os atributos permitem configurar ou alterar as propriedades de um elemento HTML. Eles são definidos dentro da tag de abertura no formato:

<tag atributo="valor">conteúdo</tag>

Por exemplo:

<img src="imagem.jpg" alt="Descrição da imagem">

Aqui:

  • <img> é o elemento de imagem.
  • src especifica o caminho do arquivo da imagem.
  • alt fornece uma descrição alternativa caso a imagem não seja carregada.

Alguns atributos não precisam de valores, como o disabled, que desabilita um campo de formulário:

<input type="text" value="Exemplo" disabled>

Nesse caso:

  • type="text" define o tipo do campo.
  • value="Exemplo" especifica o valor inicial do campo.
  • disabled indica que o campo não pode ser editado.