016 - LINKS
Âncoras e Links
Definições ÂNCORA é uma marca para onde se quer destinar a tela quando se clica numa outra marca chamada de LINK (Elo, ligação) num hipertexto. A tela pode se destinar a um outro ponto do texto na mesma home page, para outra home page que esteja no mesmo computador ou, se estiver conectado, para outra homepage que esteja num servidor da Internet
Exemplos de ÂNCORA <A NAME="Início">
<A NAME="Fim">
Exemplos de LINKS <A HREF="#Início">Ir para cima</A>
<A HREF="#Fim">Ir para baixo </A>
Nos exemplos acima, o tag <A NAME="Início">, como o nome sugere, deve ser colocado no alto da folha de programação, logo abaixo do tag <BODY>.
O tag <A NAME="Fim"> , como também o nome sugere, deve ser colocado nas últimas linhas de código da folha de programação.
Fatores Importantes
O texto entre aspas duplas nas âncoras e links acima pode ficar a critério do programador de HTML. O texto entre aspas duplas de uma âncora tem que ser exatamente igual (acentos, espaços etc.) ao dos links que se referem àquela âncora. São essenciais também as aspas duplas bem como o sinal # (Cerquilha) apenas nos links para a mesma página. Âncora não tem #. São motivos de freqüentes erros.
O texto entre <A HREF="...."> e </A>, que será exibido sublinhado e colorido na homepage, também fica a critério do programador e pode ser substituido por uma imagem inserida.Ex:
<A HREF="#Início"><IMG SRC="ArrowUp.gif" BORDER=0></A>No exemplo acima usa-se BORDER=0 no tag IMG SRC="ArrowUp.gif", para evitar que a imagem seja circundada por uma moldura. Não usar BORDER se desejar a moldura.
O tag <A HREF="...."> tem que ser obrigatoriamente fechado com </A>, para que todo o texto da home page, a partir do tag <A HREF="....">, não se transforme num imenso link. Erro muito comum.
Os exemplos acima apontam para o alto e para baixo da página por motivos didáticos. Pode-se colocar uma âncora <A NAME="...."> em qualquer lugar do texto da home page, e em quaisquer outros lugares, pode-se igualmente colocar links <A HREF="....">, destinando-os àquela âncora.
Exemplo de link para outra home page na mesma pasta do computador onde se encontra a homepage.
<A HREF="HP_015.htm"> Ir para a HP sobre Tabelas Tag TD </A>Exemplo de link para uma âncora dentro de outra home page na mesma pasta do computador onde se encontra a homepage.
<A HREF="HP_015.htm#Bot"> Ir para o fim da HP sobre Tabelas Tag TD </A>Exemplo de link para uma home page na Internet:
<A HREF="http://www.oglobo.com.br"> Jornal O GLOBO </A>
<HTML>
<HEAD>
<TITLE>
016 - LINKS
</TITLE>
</HEAD>
<BODY BACKGROUND="BGWite.jpg">
<A NAME="Início">
<CENTER>
<A HREF="#Fim">Ir para baixo </A>
</CENTER>
<BLOCKQUOTE>
<P>
<FONT SIZE=3>
<P ALIGN=justify>
<BIG><B>[01] DEFINIÇÕES</B></BIG>
<P ALIGN=justify>
HTML é uma sigla em inglês que significa
"Hyper Text Markup Laguage" que se pode traduzir para o
português como "Linguagem de Marcas em Hipertextos".
<P ALIGN=justify>
Hipertexto é um termo técnico de informática que se aplica a
textos que possuem meios de, por um simples clique do mouse
em marcas situadas em certos pontos, passar para outro
ponto do texto ou até para outro texto, que esteja no
computador ou em qualquer servidor de uma rede de computadores.
<P ALIGN=justify>
Servidor é um computador que recebe e envia arquivos entre computadores
em uma rede de computadores. Os provedores de conexões Internet possuem servidores que realizam esta função na Internet.
<P ALIGN=justify>
A Internet é a maior rede de computadores do mundo. Os provedores
que hospedam home pages, são também chamados de hospedeiros (ou "hosts"
em inglês). Um conjunto de home pages sobre um determinado assunto,
que se interligam entre si, constitui um "website", ou "site" ou, o
que seria lógico em português: um sítio. A home page inicial do "website"
vem sendo chamada em portugues, (e em inglês também), de: Portal.
<P ALIGN=justify>
O Help do Windows é um hipertexto bem como
o popular Acrobat Reader que lê arquivos do tipo .PDF mas,
ambos foram programados em linguagens diferentes da HTML.
Este curso é um hipertexto que foi editado em HTML.
<P>
<BIG><B>[02] CÓDIGOS (TAGS) HTML</B></BIG>
<P ALIGN=justify>
Os códigos HTML (em inglês, chamados de "tags" = etiquetas, marcas)
são constituidos por palavras ou siglas do inglês entre os sinais
< e > que literalmente expressam a formatação que causarão
no texto que se seguir até encontrar a mesma palavra ou sigla
entre </ e >.
<P ALIGN=justify>
Exemplos:
<BR>a) <I> Este texto aparecerá em itálico </I>
<BR>b) <B> Este texto aparecerá em negrito </B>
<BR>c)<CENTER>Esta linha aparecerá centrada na tela</CENTER>
<P ALIGN=justify>
Estes tags serão interpretados pelo navegador (browser) para
exibição na tela, tão logo o arquivo, que contém a homepage,
esteja no computador do usuário final. Estes arquivos,
mandatóriamente terão seus nomes terminados pelas extensões:
.htm ou .html
<P ALIGN=justify>
Os navegadores mais usados são o Internet Explorer e
o Netscape. Ambos interpretam de maneira idêntica a grande maioria
dos tags, mas não todos. Há tags aceitos pelo Netscape (Ex: BLINK,
que faz piscar o texto) e que não são aceitos pelo Internet Explorer.
Reciprocamente, há tags aceitos pelo Internet Explorer (Ex: BGSOUND,
que faz tocar uma música quando se abre a home page) que não são
aceitos pelo Netscape.
<P ALIGN=justify>
Pelo motivo acima exposto, após a montagem de uma home page, torna-se
necessário testá-la em ambos os navegadores mencionados. Somente a
prática indicará, ao codificador de HTML, que tags não são aceitos, quais
os que não se apresentam com o mesmo aspecto e as soluções para
se alcançar um aspecto aceitável em ambos os navegadores.
<P>
<BIG><B>[03] PROGRAMAS EDITORES DE HTML</B></BIG>
<P ALIGN=justify>
Como qualquer linguagem de programa de computador, os tags HTML
e o texto por ele formatado têm que ser digitados em editores
que salvam arquivos em texto do formato ASCII (texto sem códigos
outros que não sejam os digitados).
<P>
<A NAME="Fim">
<P ALIGN=justify>
No Windows somente o Bloco de Notas (Notepad) atende ao requisito
acima e existem sofisticadas home pages montadas apenas neste
editor. O WordPad (Write), o Word, o Excel, e outros não servem
para a montagem de códigos HTML, embora o Word e Excel possuam
ferramentas que permitem transformar um texto em uma homepage,
mas que, nem sempre, atende ao aspecto desejado pelo usuário.
<P ALIGN=justify>
Existem muitos editores próprios para a montagem de uma home page
por meio de tags HTML, que facilitam extremamente o trabalho mas,
que exigem um mínimo de conhecimento dos tags básicos para que
se possa escolher qual o que mais atenderá a um iniciante em
particular. Este curso de HTML Básico visa exatamente dar este
conhecimento àquele iniciante.
<P>
</FONT>
<P>
</BLOCKQUOTE>
<P>
<CENTER>
<A HREF="#Início">Ir para cima </A>
</CENTER>
</CENTER>
</BODY>
</HTML>
Como testar a homepage acima:
Copiar os códigos de <HTML> até </HTML>, salvá-lo em um novo arquivo usando o Windows Notepad ou um editor de HTML, abrí-lo com um browser, como nas lições anteriores e testar os links, pressupondo-se que tenha sido feito o download do arquivo BGWite.jpg exigido na Aula 004:
Atualização em Agosto/2000 por
