Primeiro contato
Uma página web não é mais que um punhado de letras e números que são interpretados pelos navegadores mostrando o que vês por Internet. Ao ser somente isso, letras e números, podíamos usar por exemplo o Bloco de Notas de Windows para criar uma página web completa. O único a saber, que letras e números, escrever??? E logo guardar o arquivo, porém ao invés de guardar com extensão: .txt, guardaríamos com extensão: .html ou .htm (são iguais).
Nós vamos aprender em estas lições outro programa distinto ao Notepad ou Bloco de Notas, o Html-Kit, porque nos facilitará algumas coisas que não teríamos com o Notepad e que iremos vendo ao seu devido tempo.
O código html de uma página web
Todas as páginas web começam e terminam com o mesmo código e é o seguinte:
<html> (todas começam com este)
</html> (todas terminam com este outro)
A partir de agora,sempre que escrever o código HTML farei deste modo, de cor roxo para que fique mais destacado. Isso escrito em um arquivo e guardado com extensão .htm ou .html será uma página web. Vazia, mas uma página web.
A primeira palavra <html> indica que inicia o código da web. A segunda </html> indica que o código da página web termina. Diferenciam- se pela contra-barra / que sempre indica que algo termina.
A estrutura de uma página web em HTML
Dentro de qualquer página web existem coisas que vemos (ou que escutamos) e coisas que não. As coisas que vemos são: os textos, as imagens, sons, etc. Por outro lado o que não vemos são suas características: como o título, sua descrição, e outra serie de coisas que veremos adiante. As coisas que não vemos estão colocadas dentro do código HTML em uma zona chamada cabeça (Head em inglês) e o que vemos colocamos em outra zona chamada corpo (Body em inglês). Então igual que antes escrevemos o código onde começa e termina a página, também escrevemos a cabeça chamada: Head. E o corpo chamado: Body, colocamos e escrevemos assim:
<html>
<head>
</head>
<body>
</body>
</html>
Em Html, indica que começa a cabeça com a palavra <head> e termina com a mesma palavra acrescentando a contra- barra, </head> e tal como foi visto com o </html>. A mesma coisa, podemos dizer do corpo que começa com <body> e termina com </body>.
Como você vê, tanto a cabeça como o corpo não contém nada dentro, pelo que seguimos tendo uma página web vazia... por enquanto, paciência, quem tem pressa come cru, dissseee cru, ou melhor, escrevi cru, não confundir; cru que é sem cozinhar..ah..ah..ah. E nós vamos continuar cozinhando o site, galera, até chegar no ponto.
Definir o título de uma página web
Uma das coisas que podemos definir dentro da cabeça ou head é o título da página. Antes falamos que na cabeça colocamos as coisas que não mostrávamos na web. Este título realmente não vemos na web, mas sim, na barra azul da parte alta do navegador (Explorer, Mozilla, Firefox, Opera etc... são tipos de navegadores) pois resulta importante aprender a defini-lo. Mais adiante veremos porque é tão importante.
Como já estarás suspeitando, existe uma palavra para indicar o que vai começar o título e outra para indicar quando termina, verdade? Pois é isso mesmo lince, o título se define assim (como vês, dentro da cabeça ou head):
<html>
<head>
<title>Este é o título do meu site e posso escrever o que eu quiser!</title>
</head>
<body>
</body>
</html>
Como sempre, começa da mesma maneira com a palavra <title> (título em inglês) e termina com a mesma porém com a contra-barra adiante, isto é, com </title>. Fácil, não? Guardando isso com extensão .html ou .htm veríamos uma janela do navegador completamente em branco mas com o título na parte superior do navegador.
Menu
