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>

Caso deseje transformar seus estudos de HTML em uma profissão para começar a ganhar dinheiro criando sites, sugerimos que faça o curso e obtenha seu certificado de Webmaster (tudo online):

Curso de Webmaster (criação de sites HTML) online com certificado

< 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>
(mas, por favor, evite escrever como acima)

Se acostume com isso, HTML é uma linguagem bem flexível, cujo objetivo é facilitar a vida do Webmaster (criador de sites).

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

8 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

Anônimo 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!

SSO SNI disse...

Bom dia ...gostaria de saber onde eu digito esta campos.

Anônimo disse...

Cara ta de parabéns muito explicativo.

Tutoriais de HTML e CSS