HTML:Criando Sua Primeira Página.
Autor: Erick | Publicado: 2011-03-23T23:47:00-03:00

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

&nbsp; &nbsp;&nbsp;HTML:Criando Sua Primeira Página 02. 
&nbsp;&nbsp;&nbsp; Continuação no Link Acima.


&nbsp;