Pesquisar no Blog

Translate

sábado, 26 de maio de 2012

Lição 5: O Que Você Já Aprendeu?


Você deve sempre começar com o template básico que construímos na lição anterior:


 <html>
 
   <head>
     <title></title>
   </head>
 
   <body>
   </body>
 
 </html>
 
 

Coloque sempre o título do seu documento na seção head: <title>Título da sua página</title>. Veja na figura abaixo como o título aparecerá  na  parte superior esquerda do  seu navegador:



Isso é muito importante pra que sua página seja destacada entre as outras!

E não para por aí, o título é muito importante porque também  é usado pelos mecanismos de busca (tais como o Google, Yahoo, Ask e etc) para indexar seu website, como mostrado a seguir para o site Facebook.


Na seção body você escreve o conteúdo da sua página. Você já conhece algumas tags importantes tags:

 <p>É usado para parágraos.</p>
 <b>Torna o texto negrito.</b>
 
 <h1>Cabeçalho</h1>
 <h2>Subtítulo</h2>
 <h3>Sub-subtítulo</h3> 
 
 

Lembre-se, o único caminho para aprender HTML é por ensaio e erro. Mas, não se preocupe com isso, você não destruirá seu computador e nem tão pouco abalar a Internet...(rsrsrs!). Então, faça seus experimentos e testes - esta é a melhor maneira de ganhar experiência. Ok!

O que significa isto?


Ninguém se tornará um bom criador de websites ou web design só aprendendo os exemplos contidos neste tutorial. O que você aprenderá neste tutorial é simplesmente o básico para criação - para se tornar um bom desenvolvedor você deverá descobrir caminhos por si mesmo em maneiras criativas.

Então mãos à obra. Comece suas experiências com tudo que você aprendeu até agora.

O que você deve fazer agora?


Tente criar algumas páginas. Por exemplo, construa uma página com um título, um cabeçalho, algum texto, um subtítulo e mais algum texto. Não há nada contra fazer uma consulta no tutorial para construir as páginas, ou seja, a "cola" é permitida. Porém, mais à frente, tente criar sem consultar - ou seja "cola" não será mais permitida ok!

Tutorial Anterior: Criando seu 1º Website
Tutorial Seguinte: Mais Tag´s HTML

Um comentário:

  1. Você pode contribuir com o nosso trabalho deixando seu comentário!

    Obrigado!

    ResponderExcluir

E aí, gostou? Então é só Curtir :)

Fill out my online form.