| Para criarmos a nossa primeira página em HTML, basta qualquer simples editor de texto, como o Notepad. Podemos começar por inserir o seguinte: <HTML><HEAD><TITLE>A minha primeira página</TITLE></HEAD><BODY></BODY> </HTML> |
| Dica: |
| Devemos criar uma pasta nova no nosso disco para conter a página, e devemos gravar o nosso ficheiro de texto como 'index.html'. Porquê? Quando a página está a ser visualizada no nosso navegador, é indiferente, mas nos servidores onde são alojadas as páginas na Internet, a página inicial por defeito chama-se index.html ou index.htm. |
| Se visualizarmos a página que acabámos de criar num browser (programa que permita navegar na internet, por ex. IExplorer), teremos qualquer coisa como isto: |
 |
| Que conclusão podemos tirar? O texto que aparece como título da janela é definido pelo ‘tag’ <TITLE>, que surge sempre na área correspondente ao cabeçalho da página (<HEAD>). |
| Vamos agora fazer a seguinte alteração: <HTML> <HEAD> <TITLE>A minha primeira página</TITLE> </HEAD> <BODY> Olá mundo! </BODY> </HTML> Iremos obter o seguinte resultado: |
 |
| Como já disse antes, a área definida pelo ‘tag’ <BODY> é aquela onde reside quase todo o conteúdo visível de uma página. Vamos concentrar-nos nesta área. Comecemos por acrescentar uma frase: <BODY> Olá mundo! Chamo-me Eduardo. </BODY> Inesperadamente, o resultado obtido será o seguinte: |
 |
| Convém então esclarecer algo: Em HTML, os espaçamentos e mudanças de linha processam-se de um modo algo diferente. Todo o texto é interpretado continuamente, e na verdade é possível que todo o HTML de uma página esteja numa única linha. Os espaços, tal como neste tutorial, apenas servem para tornar o código mais legível a quem o cria. Vamos introduzir o seguinte ‘tag’: <BODY> Olá mundo! <BR> Chamo-me Eduardo. </BODY> Este <BR> (de Break) dá instruções ao browser para fazer uma mudança de linha. Assim, o resultado deverá ser este: |
ConversãoConversão EmoticonEmoticon