Agora que você já aprendeu o básico sobre HTML, vamos entender mais sobre as tags.

As tag servem para formartar o website, ou seja, as tags 'dizem' ao navegador como o site deve ser aprensentado ao usuário.

Por padrão os comandos (tags) ficam entre os simbolos < "menor que" e > "maior que". Cada comando (tag) é formado por uma dupla de tags "tag de abertura e tag de fechamento". Exemplo: . A única diferença da tag de abertura para a tag de fechamento é que a na tag de fechamento deve ter uma barra "/".

Toda regra tem sua exceção, no HTML também é assim. Em certas tags a abertura e o fechamento se dá em uma única tag. Por exemplo, para quebrar a linha usa se a tag
. Note que "<" abre a tag e a "/" antes de ">" fecha a tag.

Como devo escrever minhas tags, em minúsculas ou em maiúsculas?

Escreva em minúscula, sempre. Embora os navegadores interprete os códigos tanto em miúsculas quanto em maísculas, para um website ser considerado válido pela W3C as tags devem esta em minúsculas.

Errado: texto em negrito
este texto também esta em negrito

Certo: texto em negrito
este texto também esta em negrito

Primeiras tag

Para começar nossos exercícios, abra seu editor de texto (pode ser o bloco de notas) e escreva os comandos abaixo:

Vamos começar escrevendo um parágrafo. Para escrever um parágrafo em HTML usa-se a tag

, não esquecendo de fecha-la

. Exemplo:

Este é um parágrafo. Para aprender é importante praticar

Salve como site.html e abra no seu navegador favorito e veja o que o resultado.

Cabeçalho: A tag para se escrever um cabeçalho em HTML é onde x é o nível do cabeçalho, o nível vai de 1 a 6. O primeiro nível é o 1, ou seja, tem o texto maior. Exemplo:

Este é um título

Este é um sub título

Negrito: Para deixar um texto em negrito usa-se a tag . Exemplo: texto em negrito

Hierarquia das tags HTML

As tags devem seguir uma hierarquia, ou seja, devem ser fechadas na mesma ordem em que foram abertas.
Errado:

Este é um parágrafo

Certo:

Este é um parágrafo

Embora a maioria dos navegadores interprete um código mau estruturado, encorajamos você a respeitar a estrutura correta do HTML. Isso trará grandes beneficios ao seu site.