A tag < HTML > - O que é, para que serve, como e quando usar


Agora que você já aprendeu no tutorial de HTML passado, oque são tags, vamos começar a apresentar as mais importantes.

Vamos começar pelo elemento <HTML>

< html > o início de tudo

O par <html> e </html> na gigantesca maioria dos casos, vem logo após a especificação do documento HTML, o nosso famoso <!DOCTYPE>, e geralmente envolve boa parte do código necessário para se criar um site.

Essa tag diz ao navegador que o que estiver dentro dela deve ser encarado como elementos de um código HTML.
Você pode se perguntar:
“Ué, precisamos dizer que uma página vai ter códigos em HTML, isso não é óbvio?”

Não.
De uns 20 até 15 anos atrás, concordaríamos com você, pois as páginas de internet eram praticamente HTML puro.

Porém 99,99% das páginas são HTML com algo mais.
HTML com JavaScript.
HTML com PHP.
HTML com Java.
HTML com Python.
HTML com vírus ;)
E por aí vai.

Ou seja, embora o HTML sozinho seja raramente usado, para usar qualquer outro tipo de tecnologia ou linguagem de programação para se criar um site, é totalmente necessário o estudo do HTML.
Infelizmente, ainda há aqueles que querem partir diretamente para o PHP ou JavaScript.
Esses terão muitos problemas e dificilmente serão bons profissionais, pois o HTML é o básico da criação de um site, é ele que comanda a estrutura de uma página de web.

Por isso, precisamos especificar ao navegador o trecho que é de HTML, para ele interpretar como tal.
Vamos criar um site que exiba uma mensagem na tela, colocando os elementos que já aprendemos na criação de sites. 
<!DOCTYPE html>

<html>
Estou aprendendo a criar sites!<br>
Tudo isso graças ao site HTML Progressivo!
</html>


As tags e o case sensitive

Ao contrário da maioria das linguagens de programação, por exemplo, as tags e outras coisas em HTML, não são case sensitive.

Ou seja, não importa se escrevemos:
<html>
<HTML>
Ou uma tag versão mIguXaaH: <HtMl>

Se acostume com isso, HTML é uma linguagem bem flexível, cujo objetivo é facilitar a vida do Webmaster.
Ou seja, o código abaixo também funciona perfeitamente.
<!DOCTYPE html>

<HTML>
Estou aprendendo a criar sites!<br>
Tudo isso graças ao site HTML Progressivo!
</HTML>

Ou seja, escolha seu jeito favorito e seja feliz.

Exercício: Site de letra de música
Crie um site que exiba no navegador a letra de sua música favorita.
Seja profissional, e use DOCTYPE, bem como a tag HTML.
Lembre-se da quebra de linha após cada verso/frase da letra.
PS: Não escreva letras do Restart

6 comentários:

Hannah disse...

Não escreva letras do Restart KKKKKKKK
Estou amando as aulas!! Muito obrigado por disponibiliza-las :)

Anônimo disse...

< !DOCTYPE html >

Essa precisa fechar ????

< /!DOCTYPE html >

ou so precisa usa-la no inicio

Anônimo disse...

a tag é usada apenas no inicio do documento

meckson machado5 disse...

good aula..

AlexVirtualBR disse...

Está muito instigante estudar com vocês. A aula está muito leve para ser aprendida e essa ideia de colocar uma letra de música foi a cereja do bolo. Parabéns!

AlexVirtualBR disse...

Parabéns o conteúdo da aula é muito didático e leve de ser entendida. Adorei a ideia de colocar uma letra de música!