quarta-feira, 7 de janeiro de 2009

HTML basico

Hj vou ensinar a construir sua primeira pagina na net. Apesar de ser muito simples, o codigo q vamos ver eh a base pra toda pagina existente.

Vc vai precisar de:
Um editor de texto (sem formatacao, por isso world esta excluido), por exemplo notepad ou textedit.

Um browser pra poder visualisar os resultados : firefox, internet explorer, safari, camino,chrome,opera...

HTML é escrito em ingles americano e nao ingles britanico. A diferenca aparece de vez em quando em palavras que sao soletradas de forma diferente em ambos, por exemplo color e colour.
Quando for salvar o arquivo nao esquecam de salvarem como index.html . O .html no final mostra qual é o tipo de arquivo, o nome index nao eh necessario pois poderia ser chamado de novo.html ou abacaxi.html, mas como geralmente a primeira pagina do seu site é chamada de index é bom comecar a se acostumar.
Lembrem-se sempre que pra tudo que se abre em html tem q haver um final.
Primeiro vamos ver o codigo depois explicarei mais detalhadamente.
Fazam o teste ai, abram o seu editor de texto (mas n usem o world), e coloquem o codigo abaixo.


<html>
<head>
<title>Minha primeira pagina</title>
</head>
<body>
<p>Ola galera, esse eh o meu primeiro teste!!!</p>
</body>
</html>


Agora salvem o arquivo como index.html e abram com um browser. Se tudo der certo vcs estaram vendo a sua primeira pagina!
Eu sei q eh simple mas isso eh soh o comeco.
Eh bom lembrar aki que html funciona num jeito muito simples, lendo as informacao como a gente le de cima pra baixo e da esquerda pra direita, nao se esquecam disso!
Elas sempre comecam com o uso do sinal " < " e terminam com o sinal " > ". O que esta escrito dentro delas eh o que chamamos de tags. Tags descrevem a funcao a ser adotada pelo browser por exemplo as tags <html> e </html> mostram ao browser que esse documento eh do tipo HTML, e as tags <p> e </p> significam "paragrafo", sendo assim tudo dentro dessas tags esta dentro de um paragrafo.

Percebam q sempre que uma tag eh aberta como a tag <p> por exemplo, ela tb precisa ser fechada, pra fazermos isso simplesmente adcionamos uma barra como esta "/" logo depois do sinal < . Entao se a forma aberta do paragrafo eh <p> a forma para fechar sera </p>.

No exemplo acima vimos tb outras tags:
<head>= Ou cabeça do site, aki dentro vai informacoes importantes como por exemplo o titulo do site.
<title> = significa o titulo da pagina, aquilo que aparece la em cima, no caso da minha pagina o meu titulo eh "Gustin web pra todos".
<body>= Ou o corpo da pagina, basicamente eh tudo q vemos num pagina.

Bom, espero q isso tenha esclarecido algumas duvidas, na proxima veremos mais algumas tags importantes pra se iniciar.

Nenhum comentário:

Postar um comentário