Até o momento já aprendemos os seguintes pontos:
Estrutura do HTML.
Aula sobre como uma página é visualizada na Web.
Aula do conceito inicial da programação de uma página da Web.
Aula sobre comandos TAGS e cabeçalho HTML.
Chegando até aqui e sem maiores dúvidas, estamos prontos para começar a criar
nossa primeira página na Web.
Em primeiro lugar, abra o seu Notepad++.
E lembre-se sempre do seguinte:
Nos Navegadores ATUAIS, não faz muita diferença você escrever em letras
maiúsculas ou minúsculas.
<HTML> ou <html>
Embora, a forma correta de se escrever é em minúscula.Portanto habitue-se. ^^
E outro detalhe, a forma que os Navegadores efectuam a leitura e interpretação
do HTML é de cima para baixo e da esquerda para a direita.
Exactamente da mesma forma que agora você esta lendo essa matéria.
Agora trataremos de aplicar tudo aquilo que postei nas matérias anteriores.
Para quem ainda não leu, deixei os 4 Links em suas respectivas ordens.
Leiam e retornem aqui.^^
.
..
...
Sejam bem vindos novamente.^^
Daremos continuidade a construção da nossa primeira página.
Como já expliquei anteriormente, TODO documento HTML abre com a TAG
<html> e fecha com a TAG </html>
Para evitarmos esquecer de fechar o HTML já escrevam AMBOS como na imagem.
Tudo que iremos editar tem de ficar entre <html> e </html>.
Entendam isso como em uma redacção escolar:
Começa com paragrafo e termina no ponto final.SEMPRE.
O próximo item que precisamos é de uma ¨cabeça¨ para o nosso HTML.
<head> (HEAD é cabeça em Inglês).
Em seguida, uma cabeça sem um corpo não é nada correto?
Portanto, precisamos de uma <body> ( BODY é corpo em Inglês).
A HEAD é que fornece as informações sobre o documento HTML e o BODY
é quem abriga todo o conteúdo do documento.
Como no corpo Humano a cabeça fica sobre o corpo.
Na cabeça vão as informações e no corpo as tripinhas do corpo.Kkkkk
<html>
<head>
</head>
<body>
</body>
</html>
Perceberam que existe um recuo em <head> e <body> mas não existe em <html>?
Isso em HTML se chama ¨Identação¨, do verbo IDENTAR suponho.Kkkkk
O motivo é o seguinte, mesmo que você não efectue a IDENTAÇÃO, seu HTML
será interpretado pelo navegador.
PORÉM...Fazendo os devidos recuos fica um documento HTML melhor estruturado
e mais facilmente interpretado pelos navegadores.
PORTANTO...Já que vamos fazer algo, façamos bem feito.
Então vamos lá, eu idento, tu identas e todos nós identamos.RS
Acompanhe a imagem abaixo:
Digite <head> e pressione a tecla ENTER para ir para a próxima linha.
Em seguida pressione a tecla TAB a esquerda de seu teclado.
Notaram o recuo?Isso é a IDENTAÇÃO.
Não se esqueçam dessa parte pois é o básico do básico de uma estrutura bem
montada e visualizada por qualquer navegador.
ENTER:Pula linhas.
0 comentários:
Postar um comentário