sábado, 4 de fevereiro de 2012

Conhece o HTML? Não? Então para aprender,aqui vai um resumo e algumas dicas.



Antes de tudo, o que é HTML?


HTML é a abreviatura de "HyperText Mark-up Language". Resumindo a longa história, o HTML foi inventado em 1990, por um cientista chamado TIM Berners-Lee, do qual ainda está vivo! Então, e a finalidade  era a de tornar possível o acesso e a troca de informaçoes entre universidades, do qual se tornou um sucesso posteriormente, semelhante ao Facebook, não?
E ainda, HTML é uma linguagem de marcação, usada como estrutura de uma página WEB. Antigamente era apenas o HTML que participava da página web, mas hoje em dia há mais linguagens de marcação, que complementam o HTML, como o CSS, que se não fosse isso, nossas páginas estariam no tempo da pedra lascada ainda. A princípio é meio complicado de entender a linguagem de primeira, mas depois que se aprende, fica fácil fácil.

Tags:


Tags são rótulos usados para informar ao navegador como o website deve ser apresentado.E a informação a ser guiada pela tag deve estar entre a tag de abertura e a de fechamento, como esta:   <i> Eu fui a feira </i>. Ao inserir uma Tag, esta deve estar acompanhada de um "<" e um ">", e para fechar a tag, deve estar com um "</" e um ">". Exemplo: <head>, </head>.
E não deixando de falar, algumas tags não tem a segunda parte, a que vai com o "</", são apenas como essa: <b>. Aqui algumas tags:

<html> </html> : Serve para dizer so navegador que este é um arquivo HTML
<body></body> : Onde fica todo o conteúdo da página, vale a pena lembrar que deve estar entre a tag de abertura e de fechamento.
<head></head> :Algumas informações sobre o navegador, assim como o cabeçalho
<title></title> : Aqui fica o nome do site, ou título. Esse nome aparecerá na aba em que o site está.
<p></p> : Serve para dar um parágrafo.
<h> Cria uma linha horizontal
<b></b> Deixa o texto em BOLD, grifado.
<i></i> Deixa em itálico.
<h1></h1> Texto para o título do conteúdo. (Segue em h2, h3, até o h6, mas cada um tem seu tamanho reduzido.

E assim vai pessoal. Agora que o básico foi falado, vou mostrar como estruturar a página, mas antes, vocês precisarão de uma coisa simples, que abram um arquivo de texto, ou o notepad, mas dessa vez, eu recomendo que baixem o Notepad++, para facilitar o trabalho. Só isso, e será a partir daí que vocês farão um site, usando o Notepad++.

Estruturando a página HTML.


Agora vocês precisam saber o básico. A estruturação simples sempre estará assim:


<html>                                                       Para iniciar o arquivo html

  <head>                                                    Iniciar o cabeçalho
   </head>                                                  Terminar o cabeçalho

 <body>                                                     Iniciar o conteúdo da página
  </body>                                                   Terminar o conteúdo da página

</html>                                                      Terminar o arquivo html

Viu? Fácil. Mas não pode esquecer de nem um caractere, pois o navegador não pode entender com os erros. Agora vamos inserir um pouco de informação. Agora se quiser já iniciar sua página, abra o programa Notepad++ e comece a digitar,que tal pôr um o nome da página e um olá?

<html>
 <head>
    <title> Página web </title>                                        Para inserir o nome da aba
 </head>
<body>
  <h1> Conteúdo da Página </h1>                                Para inserir um título
   <p> Minha primeira página de internet!! </p>            Para inserir um parágrafo
</body>
</html>

Pronto! Depois de digitado o conteúdo no Notepad++, (podem usar o Ctrl+C e Ctrl+V, eu deixo dessa vez) Clique em salvar como e escolha HTML. Certo? (Caso tenha salvado como HyperText Markup Language e ainda permaneça como arquivo de texto, clique com o botão direito e selecione abrir como, e escolha um navegador).

Pois é assim que fazemos uma página de internet. Claro que não é só isso, mas é só pra vocês terem uma noção. Quem sabe eu publique um novo post com novas dicas e mais conteúdo, mas dessa vez será apenas isso.


0 Coments:

Postar um comentário

Por favor nos deixe aqui seu comentário. Mas um aviso: Cuidado com o que fala. :)