Esta e a segunda parte de um tutorial que ensina voce a construir suas proprias paginas de informacao na Internet. Para aprender e treinar nao e necessario ter uma conexao com a Internet. Vamos ver como anda nosso primeiro arquivo HTML. Examine e leia com atencao:
<HTML>
<HEAD>
<TITLE>HTML rapido e facil</TITLE>
</HEAD>
<BODY>
<H1>Meu primeiro teste de HTML</H1>
<HR>
<H2>Meu primeiro teste de HTML</H2>
<H3>Meu primeiro teste de HTML</H3>
<HR>
Assim como voce, eu tambem fiz os exercicios sugeridos na ultima terca-feira, com o uso do Notepad (que acompanha o Windows 3.1) e os programas Cello e Trumpet Winsock. Voce pode usar o Nestcape ou outro <I>browser</I> no lugar do Cello. Meu "primeiro arquivo" esta igual a este aqui.<P>
A diferenca para o seu e que eu acrescentei alguns comandos regulares no inicio e no fim do arquivo, e dei a ele um titulo. Faca assim tambem, usando os comandos "<HTML>", "<HEAD>", "<TITLE>" e "<BODY>", conforme eles aparecem neste texto.<P>
Vamos encerrar aqui nosso arquivo e, em seguida, ver como acrescentar imagens a ele.<P>
</BODY>
</HTML>
Para colocar uma imagem, fazemos assim:
<IMG SRC="charlab.gif">
Neste caso, charlab.gif corresponde a uma imagem em formato gif, o mais popular dentro do World Wide Web. Se for, no entanto, uma imagem fotografica, voce deve usar o formato jpeg (jpg).
A imagem acima e uma imagem estatica. Mas e se desejarmos que a imagem, uma vez acionada com o mouse, leve voce a um novo item de informacao? Vamos, entao, ver como fazer um hyperlink. A partir do que voce aprendeu no primeiro arquivo, prepare um novo arquivo HTML com o Notepad. Salve no diretorio do Cello e de a ele o nome de charlab2.htm.
Eis como fazer a referencia de hyperlink:
<A HREF="charlab2.html">Clique aqui para ver o arquivo 2</A>
Insira esta linha no seu primeiro arquivo. Teste no Cello (lembre-se de clicar na casinha para recarregar sua pagina). Voce vera que clicando na frase em destaque o Cello vai trocar de tela e mostrar o arquivo charlab2.htm. Note que na referencia usamos quatro letras apos o ponto (html). É que os servidores Internet usam extensoes diferentes do padrao de tres letras ao qual estamos acostumados.
Agora vamos juntar as duas coisas que aprendemos - uma imagem que, ao mesmo tempo, e tambem um hyperlink:
<A HREF="charlab2.html"><IMG SRC="charlab.gif"></A>
Faca novos testes, experiencias e prepare belas imagens. Voce vera que nada melhor do que uma pagina depois da outra... E elas nunca ficam inteiramente prontas. Ha sempre um pequeno acerto aqui, uma substituicao ali. Na proxima terca vamos ver mais alguns comandos e conhecer alguns dos recursos especiais. Ate la voce me encontra, e tira duvidas, no e-mail charlab@ax.apc.org.