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)
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.
13 comentários:
Não escreva letras do Restart KKKKKKKK
Estou amando as aulas!! Muito obrigado por disponibiliza-las :)
< !DOCTYPE html >
Essa precisa fechar ????
< /!DOCTYPE html >
ou so precisa usa-la no inicio
a tag é usada apenas no inicio do documento
good aula..
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!
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!
Bom dia ...gostaria de saber onde eu digito esta campos.
Cara ta de parabéns muito explicativo.
Curso ruim!
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.
Estou começando agr, esse curso é atualizado ainda em 2023? ou teria que começar com outra linguagem ?
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.
curso muito bom, a matéria ajudou muito!!! Obrigada :D
Postar um comentário