HTML:Criando Sua Primeira Página 02.
Autor: Erick | Publicado: 2011-03-24T01:04:00-03:00


&nbsp;&nbsp; Ordem das aulas.&nbsp;&nbsp; HTML:Conceitos Básicos.&nbsp;&nbsp; HTML:Conceitos Básicos 02.&nbsp;&nbsp; HTML:Criando Sua Própria Pagina Web.&nbsp;&nbsp; HTML:Criando Seu Site TAGS HTML.&nbsp;&nbsp; HTML:Criando Sua Primeira Página.
&nbsp;&nbsp; Chegando até aqui já temos a base, no caso o ¨esqueleto¨ da nossa primeira&nbsp;&nbsp; página.&nbsp;&nbsp; Composto no momento de cabeça &lt;head&gt; e corpo &lt;body&gt;.&nbsp;&nbsp; Na parte da HEAD colocamos todas as informações da página.&nbsp;&nbsp; E na parte BODY colocamos as informações que CONSTITUEM a página.&nbsp;&nbsp; &nbsp;&nbsp; Agora trataremos de ¨rechear¨ um pouco esse ¨esqueleto¨.&nbsp;&nbsp; Primeiro item para a receita de recheio é óbvio, um TÍTULO.&nbsp;&nbsp; Um Título tem de aparecer na parte superior da página para sabermos do que&nbsp;&nbsp;&nbsp; a mesma se trata.&nbsp;&nbsp; Ou seja?Então ela tem de ir na seção HEAD &lt;head&gt; pois faz parte da cabeça&nbsp;&nbsp; de nossa página.&nbsp;&nbsp; Creio que ninguém aqui seria estúpido o suficiente de querer colocar um Título láaa&nbsp;&nbsp; no rodapé da página não é mesmo?^^
&nbsp;&nbsp; A TAG para Título é &lt;title&gt; (Title significa Título em Inglês).&nbsp;&nbsp; Ex:
&nbsp;&nbsp; &lt;title&gt;Minha Primeira vez com HTML.Huahuahua&lt;/html&gt;&nbsp;&nbsp; &nbsp;&nbsp; Escrevam entre as TAGS &lt;title&gt; e &lt;/title&gt; aquilo que mais lhe agrade.&nbsp;&nbsp; Só não esqueçam o seguinte:&nbsp;&nbsp; O Título não aparecerá dentro do documento, ou no corpo da página.&nbsp;&nbsp; Mas sim lá no topo do navegador.&nbsp;&nbsp; Aonde no meu caso está escrito:&nbsp;&nbsp; &nbsp;&nbsp; HTML:Criando Sua Primeira Página 02 Second-Life Hikari-TI.
&nbsp;&nbsp; Encontraram?&nbsp;&nbsp; Pois então, escolham e escrevam aquilo que querem que apareça no topo.&nbsp;&nbsp; Acompanhem pela imagem abaixo:
&nbsp;&nbsp; &nbsp;&nbsp; Em seguida, precisamos de algo para o corpo da página, um pouco de conteúdo.&nbsp;&nbsp; Se tratando de CORPO, vai aonde?&nbsp;&nbsp; Ganhou uma passagem para casa da minha ex-sogra aquele que respondeu &lt;body&gt;.&nbsp;&nbsp; Exactamente, TUDO relacionado ao corpo da página vai entre &lt;body&gt; e &lt;/body&gt;.
&nbsp;&nbsp; Como toda boa redacção, começamos com PARÁGRAFO.&nbsp;&nbsp; Portanto utilizaremos dessa vez a TAG &lt;p&gt;.&nbsp;&nbsp; ¨P¨ de Paragraph, que significa Parágrafo em Inglês.&nbsp;&nbsp; Ex:&nbsp;&nbsp; &nbsp;&nbsp; &lt;p&gt;Estou Aprendendo HTML!!!!&lt;/p&gt;
&nbsp;&nbsp; Acompanhe como ficou na imagem abaixo:
&nbsp;&nbsp; &nbsp;&nbsp; Para aquele que ¨aguentou¨, chegar até aqui tenho uma feliz noticia.&nbsp;&nbsp; Está pronta a sua primeira página.^^&nbsp;&nbsp; Agora, vamos salvar o nosso Árduo trabalho até aqui.
&nbsp;&nbsp; &nbsp;&nbsp; Vá no topo do Notepad++ e escolha a aba FILE ou ARQUIVO.&nbsp;&nbsp; Em seguida seleccione SAVE AS... ou SALVAR COMO...&nbsp;&nbsp; E escolha HTML.&nbsp;&nbsp; De um nome de sua preferência a sua pagina.
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; No meu caso escolhi o nome como:&nbsp;&nbsp;&nbsp; PRIMEIRA PAGINA HTML.
&nbsp;&nbsp; Já salvaram seu trabalho como HTML?&nbsp;&nbsp; Ambas extensões HTML ou HTM são a mesma coisa.&nbsp;&nbsp; Salvaram em um local FÁCIL de encontrar novamente né?&nbsp;&nbsp; Então agora faremos o seguinte, encontre seu documento HTML e clicke duas&nbsp;&nbsp; vezes sobre ele, que irá abrir com seu navegador padrão.&nbsp;&nbsp; &nbsp;&nbsp; Oque inicialmente era apenas isso:&nbsp;&nbsp; &lt;html&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;head&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;title&gt;Minha Primeira vez com HTML.Huahuahua&lt;/html&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/head&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;body&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;Estou Aprendendo HTML!!!!&lt;/p&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/body&gt;&nbsp;&nbsp; &lt;/html&gt;
&nbsp;&nbsp; Ficou dessa forma:
&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp; Claro, nem de longe isso poderia ser considerado algo para se colocar na Internet&nbsp;&nbsp; Mas se trata do PADRÃO BASE para qualquer criação posterior.&nbsp;&nbsp; Vamos curtir uma vitória por vez enquanto nos aprofundamos cada vez mais de algo&nbsp;&nbsp; mais ¨Profissional¨, pois o treino é o segredo da perfeição.^^