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.
Get the glass é um jogo muito divertido e bem criativo. Dá pra passar horas tentando se livrar da polícia em busca do "copo". Os gráficos são de primeiríssima mas exigem uma conexão mais veloz, de qualquer maneira está ai a dica.
