DEV Community

Daniel Nogueira
Daniel Nogueira

Posted on

Anatomia de um Elemento HTML

Vamos explorar a anatomia de um elemento HTML analisando um elemento de parágrafo como exemplo.

Anatomia de um elemento em HTML

O elemento de parágrafo da imagem acima é divido em 3 partes:

  • Tag de abertura

A tag de abertura é definida a partir do elemento que desejamos criar no HTML, se desejamos criar um elemento de parágrafo, então devemos usar uma tag de abertura <p>.

A tag de abertura foi criada a partir do sinal <, seguido do nome da tag p e do sinal >.

Tag de abertura em HTML

  • Conteúdo

O conteúdo do elemento depende da tag que está sendo criada, no caso de um elemento parágrafo, o conteúdo será texto. O conteúdo é tudo aquilo que fica entre a tag de abertura e a tag de fechamento.

Conteúdo de tag em HTML

  • Tag de fechamento

Usaremos o mesmo nome da tag em questão, a diferença é que devemos incluir uma barra após o sinal de menor, dessa forma: </p>.

Tag de fechamento em HTML

Elementos com atributos

Elementos também podem ter atributos que possuem informações extras para uma tag, importante ressaltar que os atributos devem ser inseridos na tag de abertura e não no conteúdo do elemento.

Elementos com atributos em HTML

O atributo class é um atributo que deve receber um valor. Para isso, é necessário usar o sinal = e atribuímos um valor para ele entre aspas. Mas também existem atributos que não recebem valor, como o atributo required.

Esse artigo abordou

  • Anatomia de um elemento HTML
  • Elementos com atributos

Top comments (0)