A estrutura do HTML

Antes de começar a utilizar o HTML, é importante que você entenda sua estrutura. Como o HTML é uma linguagem de marcação, você usa ele para marcar diferentes partes do conteúdo que você deseja, assim como quando você usa um marca-texto.

Elementos HTML

O HTML é feito de elementos, e são esses elementos que você usa para fazer suas marcações. Abaixo há um exemplo de como você pode marcar um parágrafo de texto comum.

<p>This paragraph is part of my content</p>

O que temos aqui é uma sentença ("This paragraph is part of my content") que foi colocada entre <p> e </p>, que são chamadas de tags. Cada tag consiste de um <, uma abreviação, e um >. Neste caso, p é a abreviação para paragrafo. Combinados o <p> e </p> criam uma tag. Cada elemento no HTML começam com uma tag de abertura (Neste caso <p>) e a maioria termina com uma de fechamento (Quem é </p>). Entre a abertura e o fechamento está o conteúdo.

Elementos vazios

A maioria dos elementos do HTML são como o elemento <p></p> porém alguns são o que chamamos de elemento vazio. O elemento de quebra-de-linha é um do tipo vazio e é usado da seguinte forma:

<br />

Como pode-se ver, não há a tag de fechamento e o elemento não possui qualquer conteúdo, portanto ele é chamando de elemento vazio. Por ser um elemento vazio ele é fechado no final da tag, que é feito pelo caractere /. O uso da / para fechar a tag não é obrigatório no elemento vazio, porém é considerado uma boa prática, portanto recomenda-se seu uso. (Como dito anteriormente, a tag consiste numa abreviação e nesse caso br significa break (quebra)).

Dica!

Quando os navegadores leem seu documento HTML5 eles não ligam se você escreve ou não as tags em letras maiúsculas ou minúsculas. Mas outros desenvolvedores sim! Mesmo que você possa escrever a mesma tag de quebra de linha de várias formas, como estas:

<BR />
<bR />
<Br />
<br />

Escrever todas suas tags em letra minúscula é considerada uma boa prática – isso aumenta a legibilidade, e é considerada uma boa habilidade escrever suas tags desse jeito.

O que você aprendeu

• Um elemento HTML começa com uma tag de abertura
• Um elemento HTML termina com uma tag de fechamento
• Uma tag HTML começa com < e termina com >
• As letras entre o < e > são abreviações
• O conteudo do elemento é tudo entre a tag de abertura e a de fechamento
• Alguns elementos HTML são vazios
• Elementos vazios são fechados na tag de abertura
• Tenha o habito de digitar todas as tags em letras minusculas, é considerado uma boa pratica