Gostou do nosso conteúdo? Te ajudou?
Nos ajude também! Faça um PIX, de qualquer valor:
programacao.progressiva@gmail.com

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

12 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..

Alexandre Ferreira 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!

Alexandre Ferreira 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!

Unknown disse...

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

Anônimo disse...

Cara ta de parabéns muito explicativo.

Anônimo disse...

Curso ruim!

HTML Progressivo disse...

Olá, anônimo. Você poderia fazer uma crítica construtiva? O que está ruim? Tem algo errado? Algo mal explicado? Os centenas de exemplos práticos, exercícios e códigos comentados são poucos.

Qual sua sugestão?

A minha para você é: cria um curso, forneça informações para as pessoas, ajude a comunidade. Se está dizendo que meu trabalho é ruim, é porque certamente tem capacidade de fazer algo melhor.

Quando fizer, só me avisar que terei o maior prazer em divulgar, GRATUITAMENTE, assim como toda as informações aqui do site.

Vitinho disse...

Estou começando agr, esse curso é atualizado ainda em 2023? ou teria que começar com outra linguagem ?

Programação Progressiva disse...

Vitinho, as linguagens não mudam repentinamente. O conteúdo continua e continuará sendo atual. A linguagem C, por exemplo, foi criada em 1972 e o Assembly nos anos 50. Somente algumas coisas, específicas e mais avançadas, são adicionadas. A parte básica e fundamental das linguagens permanecem as mesmas, não se preocupe.

Tutoriais de HTML e CSS