Da navegação à criação de documentos WWW.
Após esta lição você será capaz de:
| Identificar o significado e propósito de rótulos HTMLs | |
| Abrir uma área de teclado para criar novos documentos WWW | |
| Criar um documento WWW simples em formato HTML usando um editor de textos. | |
| Abrir este documento em um browser para ver como ele será apresentado. |
Para um browser apresentar uma página tal como esta que você está lendo agora, ele deve ler um arquivo texto (.html, p.ex.) e procurar por códigos especiais ou "rótulos" (ou "etiquetas" ou "tags") que são marcados entre parênteses angulares (< e >);. Esses elementos são os comandos de formatação da linguagem. A maioria das etiquetas têm sua correspondente de fechamento. O formato geral para um rótulo HTML é:
Isso é necessário porque as etiquetas servem para definir a formatação de uma porção de texto, e assim marcamos onde começa e termina o texto com a formatação especificada pela etiqueta.
A estrutura de um documento HTML apresenta os seguintes elementos:
<HTML> <HEAD><TITLE>Título do Documento</TITLE></HEAD> <BODY> texto, imagem, links, ... </BODY> </HTML>
As etiquetas HTML não são sensíveis à caixa. Traduzindo: tanto faz escrever <HTML>, <Html>, <html>, <HtMl>, ...
Também não são necessários os tags <HTML>, <HEAD>, <BODY> e os respectivos fechamentos. Porém, na nova versão do HTML (o HTML+), serão obrigatórios. Alguns editores específicos de HTML também já exigem o uso correto dos tags.
<HEAD> contém informações sobre o documento; o elemento <TITLE>, por exemplo, define um título, que é mostrado no alto da janela do browser. Nesta página, por exemplo, está definido assim:
<HEAD><TITLE>Lição 1 - Primeiros Passos</TITLE></HEAD>
Todo documento WWW deve ter um título; esse título é referenciado em buscas pela rede, dando uma identidade ao documento.
É sugerido que os títulos dos documentos sejam sugestivos, evitando-se, portanto, títulos como "Introducao". Os títulos não devem conter acentos ou outros caracteres especiais (eles não serão mostrados corretamente por alguns browsers).
Os outros elementos de <head> não são muito usados até o momento.
O texto contido em <BODY> é mostrado na janela principal do browser, contendo o texto que será apresentado ao leitor. <BODY> pode conter cabeçalhos, parágrafos, listas, tabelas, links para outros documentos, e imagens.
Obs.: Também faz parte do corpo (body) dos documentos HTML, comentários do
autor da(s) página(s), como seu nome, data da última atualização, tópicos que serão
integrados futuramente, etc.
A sintaxe é como segue:
<!-- . . . -->
Exemplo: <!-- este texto não aparecerá na página -->
Como exemplo de rótulos, o título desta seção usa um header (cabeçalho) que é como o seguinte:
<h3>O que são rótulos HTML?</h3>
Este rótulo diz a um browser WWW para apresentar o texto "O que são rótulos HTML?" no estilo do cabeçalho de nível 3 (h3). Rótulos HTML podem dizer a um browser para dar características visuais a um texto, como negrito, itálico, transformá-lo em um cabeçalho; ou para criar ligações para outros documentos. É importante notar que o rótulo de término, </nome_do_rótulo>, contém o caracter / "barra", indicando que é o término de um atributo. Muitos rótulos possuem pares desta forma. Se você esquecer da barra ou do rótulo de término como um todo, o browser continuará usando o atributo pelo resto do texto no documento, produzindo resultados indesejáveis.
Para completar as lições deste tutorial, você precisa criar uma segunda janela e abrir um editor de textos. Aqui estão os passos para setar o seu ambiente de trabalho:
Observação: Nem todos os browsers WWW suportam múltiplas janelas. A única razão para ter 2 janelas aqui é que voce poderá ler as instruções para as lições e também ver seu documento de trabalho.
Observações: Você vai precisar mover-se entre as janelas (2 do browser e a do editor de textos) para completar as lições.
<title>Joinville I</title>
Nesta lição aprenderemos a montar páginas WWW
usando seus recursos básicos. Joinville, dos Príncipes,
das Flores e da Dança, será o tema central do nosso
trabalho.
"jv1.html" OBS: Para usuários Windows, pela limitação do DOS, você terá que se referir a todos os arquivos HTML com a extensão ".HTM".
Pela extensão do nome do arquivo, o browser WWW saberá como ler estes arquivos textos como HTML e apropriadamente apresentar os códigos
Este arquivo simples inicia com um rótulo título <title>Joinville I</title>. Todos os documentos HTML iniciam com um rótulo deste tipo. Este é o nome que o browser WWW apresentará na Barra de Título, no topo da janela do browser.
"jv1.htm"
Pense em um tópico para sua própria página WWW. Crie seu próprio arquivo texto que inclua um rótulo <title> e algumas sentenças introdutórias. Salve o arquivo HTML e recarregue no browser WWW. Mantenha este arquivo sempre à mão para acrescentar novas informações nele em lições futuras.
Sua primeira página WWW está feita! Mas é muito simples e não muito interessante. Na próxima lição você poderá modificar e atualizar seu documento HTML.