A HTML é uma linguagem de marcação de texto derivada
de uma linguagem mais abrangente e mais complexa chamada SGML. A linguagem entendida pelos navegadores, sejam eles de
qualquer fabricante, seja comercial ou não, seja uma navegador braile ou um navegador somente texto é a HTML, que é, por natureza, muito simples.
Os navegadores analisam e são capazes de exibir vários tipos de arquivos, mais a HTML é a linguagem mais indicada
para se construir um site, mesmo porque o conceito que você tem de site web é derivado da HTML.
Agora que já vimos a importância da HTML vamos tratar de entendê-la. HTML é uma sigla que significa linguagem de marcação de hypertexto, e isso quer dizer
muita coisa. Linguagem de marcação de texto porque a HTML usa estruturas chamadas tags para dar forma aos documentos e hypertexto é um conceito ligado à interatividade e à conectividade (clica-se em determinado trecho do documento e se é enviado à
um outro trecho).
Portanto, os documentos HTML só contém texto, isso mesmo apenas texto. Com isso temos a grande alegria de constatar que para criar ou editar esses documentos só é necessário um editor
de texto, qualquer um deles. É só salvar o arquivo com a terminação .htm ou .html.
Complicado? Que nada! Vamos ver alguns exemplos e tudo ficará mais calmo.
Ex.:
<HTML>
<HEAD>
<TITLE>Meu primeiro documento</TITLE>
</HEAD>
<BODY>
<P>Como vai todo mundo?
</BODY>
</HTML>
Vamos analisar o exemplo. As tags são as estruturas entre sinais de maior e menor, como <HTML>. Elas marcam o documento
que tem uma estrutura simples:
Como diria Jack, o estripador, vamos por partes... Dentro do HEAD existe uma tag que marca o text 'Meu primeiro documento'
como TITLE. Isso faz com que esse texto seja atribuído ao título do documento.
A tag P marca o início de um parágrafo que contém o texto 'Como vai todo mundo?'.
Repare que as tags se fecham repetido-as com uma barra (/) antes, com exceção da tag P. Não foi um engano, a tag de fim nesse caso não é necessária.
Se tudo foi entendido a contento só faltam três tags e o conceito de atributo para terminar nossa introdução.
Vamos modificar um pouco nosso documento:
Ex.:
<HTML>
<HEAD>
<TITLE>Meu primeiro documento</TITLE>
</HEAD>
<BODY BGCOLOR="#ffffff">
<IMG SRC="nome_do_arquivo_da_imagem">
<A HREF="nome_de_um_documento">Clique aqui e vá para um documento</A>
<P>Como vai todo mundo?<br>Eu vou indo...
</BODY>
</HTML>
As novidades são:
Bem, você deve ter percebido que BGCOLOR é um atributo da tag BODY e HREF é um atributo da tag A. A diferença é que BGCOLOR não é obrigatório e HREF sim. O navegador pode determinar previamente a cor de fundo de um documento, mas não seria lógico que ele determinasse para onde deve apontar um link.
Na tag IMG o atributo SRC determina qual a figura que deve ser inserida no documento. Use os formatos de figura aceitos por todos os navegadores que exibem figuras, .gif ou .jpg.
"nome_do_arquivo_da_imagem" e "nome_de_um_documento" podem conter apenas os nomes dos arquivos, se estes estiverem no mesmo diretório do documento que estamos criando, ou seus caminhos e nomes, caso contrário.
Agora abra um editor de texto qualquer, crie oum arquivo com o texto do nosso exemplo e salve-o com a terminação htm, cuidado com versões muito recentes do Word, ele tem mania de converter o texto para tags. Vamos ver como o Netscape Navigator mostra esse nosso primeiro documento.
A imagem que o navegador exibe é um símbolo padrão para imagens que ele não encontra, e o link aponta para lugar nenhum. Esses problemas você deve ser capaz de resolver.
[construindo um site]
[mapa das seções]
[faça contato conosco]
[ajuda à navegação]
[informações sobre o webmaster]
[página inicial]
![[Casa do Mangeli]](logohp.gif)