sábado, 16 de outubro de 2010

Criando paginas em HTML

como criar paginas html


"HTML", voce sabe o que significa essa sigla?..HTML(HyperText Markup Language - Linguagem de Marcação de HiperTexto), é uma linguagem considerada basde de todas as outras linguagens de desenvolvimento de projetos Web. 
     A linguagem HTML foi criada com a visão de que todos os dispositivo deveriam ser capazes de usar informações da Web: Pcs com placas de videos e monitores de diferentes resoluções e profundidades de cores, telefones celulares, dispositivos para processar entrada e saida de voz, computadores com taxa de transferencia alta ou baixa e assim por diante.
     Foi a primeira linguagem no setor e é usada amplamente até os dias de hoje. Foi criada pelo TIM BERNERS-LEE quando ele trabalhava como pesquisador para o CERN (Laboratório Europeu de Fisica de Particulas, na Suiça). Foi popularizado pelo aparecimento do Browser Mosaic, criado por MARC ANDREESSEN quando ele estudava na Universidade de Illionois.



Primeira Página em HTML

 Uma página basica em HTML é um arquivo de texto simples, contendo o texto da página e os comandos HTML que definem a formatação das mesmas. Os comandos são indicados entre os marcadores chamados TAG que vem entre os simbolos < e >. A maioria dos comandos é usada em pares, sendo que quando voce abre alguma TAG como por exemplo, a TAG <body> voce precisará fechar repetindo a TAG assim: </body>. A TAG com a barra '/' significa que esta fechando a que esta sem barra. Exemplos de TAG:

<body> </body>
<html> </html>
<p> </p>
<div> </div>

Existem muitos programas que já montam o código fonte da sua pagina automaticamente. Mas desta forma voce não irá conseguir fazer uma pagina legal.
Para fazer uma pagina bacana, voce vai ter que aprender HTML. E pra isso, voce terá que praticar. As suas primeiras paginas deverão ser fetias no Bloco de Notas, mas isso só para praticar, até voce fica craque em escrever as TAG do HTML.
Agora vamos ao que interessa, vamos começar a fazer a primeira pagina em HTML.
Primeiro crie uma pasta para salvar suas paginas. De preferência na Área de Trabalho (Desktop). Sempre deixe os arquivos do site bem organizados, assim facilitará e muito o desenvolvimento dele.
Depois de criar a pasta, abra o bloco de notas, e digite o seguinte código:
--------------------------------------------------------------------------
<html>
<head>
<title> Minha Primeira Pagina em HTML</title>
<body>
<p align="center"> Alo Mundo!!! </p>
</body>
</html>
-------------------------------------------------------------------------- 
Explicando o codigo:
A TAG <html> indica que voce iniciou um arquivo HTML.
A TAG <head> indica que voce abriu um cabeçalho.
A TAG <title> que deve ser usada dentro do cabeçalho <head>, serve para colocar titulo na pagina, é aquela frase que apracer na barra acima do navegador.
A TAG <body> indica que se iniciou o corpo da pagina. É dentro desta TAG que vai boa parte das TAG utilizadas para fazer uma pagina.
A TAG <p> indica que abriu um novo páragrafo. Já o atributo ALIGN como o próprio nome diz, serve para especificar o alinhamento. E CENTER significa que o alinhamento é no centro. Caso voce queira colocar o texto na esquerda troque CENTER por LEFT, ou por RIGHT para a direita, e ainda pode colocar JUSTIFY para dexar o texto justificado. Faça os testes.

Depois de digitar o codigo acima, salve o arquivo como alomundo.html. Lembre-se de digitar o .html no final do nome do arquiv. Pois se digitar apenas alomundo e já clicar em salvar, o bloco de notas vai pensar que voce esta apenas fazendo um arquivo de texto normal. E deixe a codificação como ANSI.

Agora va no navegador e abra o arquivo salvo. Pronto, sua primeira pagina esta feita. Mas calma, isso é apenas o começo ainda, semana que vem tem mais.

0 comentários:

Postar um comentário

Confira

Related Posts Plugin for WordPress, Blogger...