Luisinha

Como a Luisinha começou
 
 

A Luisinha é uma amiga minha (virtual). Só tem 11 anos mas é esperta, curiosa e tem vontade de aprender. Vive com os pais e com um primo que veio estudar para cá. Como ele tem um computador e acesso à Internet a Luisinha não ia perder a oportunidade.

Ligou o computador do primo e preparou-se para começar.
Abriu o Notepad e escreveu:

Quando foi ver no seu Browser ficou um pouco triste, tinha tido tanto cuidado e o resultado não era grande coisa!

O que é que ela fez e porque é que o resultado foi este?

- A Luisinha gravou o texto no Notepad com o nome index.html
Fez bem porque é esse o nome que obrigatoriamente a 1ª página deve ter.
Se o seu sistema operativo (windows 3.1 por exemplo) não permitisse extensões de 4 caracteres chamar-lhe-ia index.htm (sem o l final, mas sempre em minúsculas).

- Começou com <HTML> e acabou com </HTML>
Também é obrigatório. Ponto final.

- A seguir indicou o cabeçalho da página.
Tudo o que fica entre <HEAD> e </HEAD> é o cabeçalho.
O cabeçalho pode servir para outras coisas, mas por enquanto a única coisa para que a Luisinha o usa é para dar um título à sua página.
Fez isso escrevendo <TITLE>A minha página</TITLE>.
Embora esteja correcto não é grande ideia, convém que o título da página principal seja mais descritivo, se algum amigo dela fizer um bookmark para aqui vai ter dificuldades em mais tarde se lembrar que "A minha página" se refere à da Luisinha.

- Usou <BODY> e </BODY> para delimitar o resto.
Se tem cabeça tem de ter corpo. Lógico. Não acha?

- Teve um trabalhão a alinhar o texto, até usou uns espaços pelo meio, mas afinal...
É mesmo assim. Por mais espaços que se dêm o resultado final não se altera, os Browsers não distinguem um espaço de vinte.
Conte com isso quando pensar em desenhar a sua página.

- E o parágrafo que a Luisinha fez antes dos beijinhos? não deu resultado.
Pois é. A Luisinha ainda não sabia que para obrigar um Browser a mudar de linha onde ela quer, tem de usar <BR> (de BReak).
Ou que pode indicar que vai começar um novo parágrafo inserindo um <P>. O <P> muda de linha e deixa outra em branco a separar parágrafos.

- E as cores? Tudo em cinzento fica meio triste...
Pois fica. Calma, lá chegaremos.

Resumindo:

  1. Gravar sempre a 1ª página como index.html
  2. Começar com <HTML> e acabar com </HTML>
  3. Dividir a página em cabeçalho (HEAD) e corpo (BODY).
  4. Escrever o título (TITLE) no cabeçalho.
  5. Não contar com os espaços para alinhar palavras ou frases.
  6. Utilizar <BR> e <P> para fazer a separação de linhas.
  7. Ter pensamentos positivos.

A Luisinha resolveu aprofundar os seus conhecimentos de HTML, afinal o que ela sabia não era suficiente. Vamos fazer como ela, ok?



abêcê listas cores imagens links resumo