SlideShare uma empresa Scribd logo
AG8 Informática 
LINKS E ANCORAS 
58 
1- LINKS 
A principal atração da Internet é a criação de documentos com o conceito de hipertexto 
,ou seja ,um documento que se vincula a outros documentos por meio de ligações 
especiais chamadas links ou hiperlinks.Com esse conceito ,você pode criar 
documentos que façam referências e permitam ao usuário acessar tais referências não 
importando se elas estão em outra página Web ,no seu micro ou em algum servidor de 
rede. 
O uso de hipertexto também facilita a criação de documentos extensos cujas seções ou 
tópicos podem ser rapidamente acessados por meio dos links. Imagine que você crie 
uma página sobre determinado assunto em vários tópicos abordados. Assim como em 
um livro você cria todo o texto do documento e depois cria , no início ,um sumário 
indicando os tópicos do documento. Se quiser acessar diretamente o texto de um 
tópico ,basta dar um clique sobre o item do tópico no sumário e ele será imediatamente 
exibido. 
Um link é reconhecido em uma página por estar em cor normalmente diferente do resto 
do texto e , ao passar com o mouse sobre esse texto o cursor muda para uma mão 
apontando para o link. 
Para criar uma link com uma página 
<a href="endereço da página">texto que será o link</a> 
ex.: <a href="c:sitecasa.html">Minha casa</a> 
Usando uma imagem como link: 
Ex.: <a href="c:sitecasa.html><img src="c:siteimagem.jpg"></a>
AG8 Informática 
59 
2- Âncoras 
Uma âncora é um ponto de referência ou endereço que será acessado por um link. 
Uma âncora é usada dentro do documento para marcar o início de uma seção do 
documento. 
Suponha que seu texto seja muito grande , o que tornaria trabalhoso para quem estiver 
vendo a página conseguir se movimentar entre um tópico e outro. Então faça o 
seguinte : Nomeie um pedaço da sua página através do tag : 
<A NAME="NOME "> Texto </A> 
( Lembre –se que "NOME" é fictício, você escolhe o nome…) 
Depois disso escreva o pedaço que você quer associar a esse Nome. Agora crie um 
link para chegar até esse pedaço , usando o tag : 
<A HREF="#NOME">Clique Aqui</A> 
Pronto! Ao clicar na mensagem "Clique Aqui" de sua página , o usuário irá até o 
pedaço que você nomeou. 
ATENÇÃO : O sinal de cerquilha (#) é necessário para a âncora, pois avisa ao browser 
para procurar o link no documento atual !!! 
3- Linkando Arquivos de Outros Servidores 
Agora a coisa fica um pouco mais séria . É aqui que está toda graça de Internet . 
Através de um esquema de endereçamento , a URL , a Internet consegue acessar um 
arquivo que está em qualquer micro deste planeta desde que esteja conectado 
adequadamente a Web.
AG8 Informática 
Como já vimos , a URL serve para especificar a localização de páginas e arquivos em 
diretórios de servidores da Web . Vamos comparar com um esquema que você usa ( as 
vezes até sem saber ) para acessar algum arquivo em seu próprio computador . 
Acessando um arquivo pelo DOS : 
60 
C: WINDOWS SYSTEM  Lista.TXT 
Acessando uma página pela Web : 
HTTP : // WWW. ASPMASTERS.CJB.NET 
Uma URL é composta por duas partes principais . A primeira é o protocolo Internet do 
documento , a segunda parte é o endereço do servidor e da página. 
A sintaxe disso é : 
PROTOCOLO: //SERVIDOR . INSTITUIÇÃO / ARQUIVO 
Onde : 
· Protocolo é o tipo de servidor que está sendo acessado; 
· Servidor é o computador que contém a página ; 
· Instituição é o tipo de instituição a qual esse computador pertence ( Comercial , 
Internet Publica , Militar etc. ) ; 
· Arquivo é o caminho do arquivo. 
Exemplo : 
HTTP : // WWW.TIMASTER.COM.BR 
Esse endereço pode ser especificado diretamente na linha de URL do Browser , para 
acessar diretamente a página INDEX. HTM , ou então dentro de um link de um 
documento HTML , através do A HREF que cria uma ligação , um link para o URL . 
<A HREF = "HTTP : // WWW. TIMASTER.COM.BR "> TIMASTER </A>

Mais conteúdo relacionado

PDF
Html básico 3 links
PDF
Html básico 1
PDF
Criação de Sites web Tutorial
PPTX
DOC
Apostila html2
PDF
PPT
Html básico 3 links
Html básico 1
Criação de Sites web Tutorial
Apostila html2

Mais procurados (11)

PPT
Aula 2 internet
PPTX
Apresentação12
PDF
Webpages
PPTX
PDF
Html - Capitulo 02
PPTX
Definição de Blog
PPTX
PDF
Como publicar um exercício do hotpotatoes no blog
PPTX
PDF
Html5 - Estrutura Básica
PPTX
Banco de dados e CMS
Aula 2 internet
Apresentação12
Webpages
Html - Capitulo 02
Definição de Blog
Como publicar um exercício do hotpotatoes no blog
Html5 - Estrutura Básica
Banco de dados e CMS
Anúncio

Destaque (9)

PPT
Twinning Sicily And Makedonia
PPTX
Solido
PPT
背後探討
PPTX
Que No Decaiga El Entusiasmo
PPTX
Quattro canti master liceo umberto
PPT
Sanat ashyralieva
PPTX
My neighbours
PDF
Taggies catalogue 2011
PPT
Twinning Sicily And Makedonia
Solido
背後探討
Que No Decaiga El Entusiasmo
Quattro canti master liceo umberto
Sanat ashyralieva
My neighbours
Taggies catalogue 2011
Anúncio

Semelhante a Html - capitulo 10 (20)

PDF
PDF
Apostila html para-iniciantes
DOC
Apostila webdesign
PDF
Aula 4 – Linguagem HTML - Imagens e links
PDF
Elemento ancora
PDF
PPTX
Trabalho de informática internet
DOC
pesquisas na internet
PDF
Apostila De Html
PDF
Html Capitulo 12
PDF
H T M L Capitulo 12
PDF
H T M L Capitulo 12
PPT
Ambiente web aula 02
PPT
03 h iperlinks
PPTX
06 html links e frames
PDF
Html+para+iniciantes
PDF
HyperText Markup Language
PDF
Apostila html para-iniciantes
Apostila webdesign
Aula 4 – Linguagem HTML - Imagens e links
Elemento ancora
Trabalho de informática internet
pesquisas na internet
Apostila De Html
Html Capitulo 12
H T M L Capitulo 12
H T M L Capitulo 12
Ambiente web aula 02
03 h iperlinks
06 html links e frames
Html+para+iniciantes
HyperText Markup Language

Mais de Alvaro Gomes (20)

PPTX
Museu nacional de história natural e da ciência
PPTX
Luís Vaz de Camões Vida e Obras
PPTX
Ética Deontológica Técnico Administrativo
PPTX
Revolução Industrial - O Ponto de Viragem
PDF
Linux Commandos Cheat
PDF
Flash android using livesuit
PDF
Websearch
PDF
13 Things the Government doesn´t want you to know
PDF
Hackeando facebook com wireshark e cookie injector
PDF
Como transformar o router thomson num print server
PDF
Drivers ADB Android
PDF
ROM china original (Shenzhen)
PDF
Reinstalar actualizar el sistema operativo android
PDF
Hackeando facebook com wireshark e cookie injector
PDF
H4dummies (translated to portuguese)
PDF
Algoritmos e estructura de dados
PDF
HTML - Guia5
PDF
HTML - Guia4
PDF
HTML - Guia 3
PDF
HTML - Guia 1 e 2
Museu nacional de história natural e da ciência
Luís Vaz de Camões Vida e Obras
Ética Deontológica Técnico Administrativo
Revolução Industrial - O Ponto de Viragem
Linux Commandos Cheat
Flash android using livesuit
Websearch
13 Things the Government doesn´t want you to know
Hackeando facebook com wireshark e cookie injector
Como transformar o router thomson num print server
Drivers ADB Android
ROM china original (Shenzhen)
Reinstalar actualizar el sistema operativo android
Hackeando facebook com wireshark e cookie injector
H4dummies (translated to portuguese)
Algoritmos e estructura de dados
HTML - Guia5
HTML - Guia4
HTML - Guia 3
HTML - Guia 1 e 2

Último (9)

PPTX
TURMA modelo de modelo apresentação 4DE.pptx
PDF
Certificado de Conclusão Jornada Inteligência Artificial
PPTX
AULA DE HTML E CSS PARA INICIANTES EM INFORMÁTICA
PDF
A sua pontuação aumenta ao escolher uma categoria, preencher uma descrição lo...
PDF
Agosto-Lilas-Conscientizacao-e-Combate-a-Violencia-contra-a-Mulher.pdf
PPTX
Fundamentos do Desenvolvimento Web. Fundamentos do Desenvolvimento Web.Fundam...
PDF
Metodologias ágeis - Slides - aulas 1 a 5.pdf
PPTX
Classifirrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrcação_IPAQ.pptx
PDF
Apostila_de_Laboratorio_de_Quimica_Inorg.pdf
TURMA modelo de modelo apresentação 4DE.pptx
Certificado de Conclusão Jornada Inteligência Artificial
AULA DE HTML E CSS PARA INICIANTES EM INFORMÁTICA
A sua pontuação aumenta ao escolher uma categoria, preencher uma descrição lo...
Agosto-Lilas-Conscientizacao-e-Combate-a-Violencia-contra-a-Mulher.pdf
Fundamentos do Desenvolvimento Web. Fundamentos do Desenvolvimento Web.Fundam...
Metodologias ágeis - Slides - aulas 1 a 5.pdf
Classifirrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrcação_IPAQ.pptx
Apostila_de_Laboratorio_de_Quimica_Inorg.pdf

Html - capitulo 10

  • 1. AG8 Informática LINKS E ANCORAS 58 1- LINKS A principal atração da Internet é a criação de documentos com o conceito de hipertexto ,ou seja ,um documento que se vincula a outros documentos por meio de ligações especiais chamadas links ou hiperlinks.Com esse conceito ,você pode criar documentos que façam referências e permitam ao usuário acessar tais referências não importando se elas estão em outra página Web ,no seu micro ou em algum servidor de rede. O uso de hipertexto também facilita a criação de documentos extensos cujas seções ou tópicos podem ser rapidamente acessados por meio dos links. Imagine que você crie uma página sobre determinado assunto em vários tópicos abordados. Assim como em um livro você cria todo o texto do documento e depois cria , no início ,um sumário indicando os tópicos do documento. Se quiser acessar diretamente o texto de um tópico ,basta dar um clique sobre o item do tópico no sumário e ele será imediatamente exibido. Um link é reconhecido em uma página por estar em cor normalmente diferente do resto do texto e , ao passar com o mouse sobre esse texto o cursor muda para uma mão apontando para o link. Para criar uma link com uma página <a href="endereço da página">texto que será o link</a> ex.: <a href="c:sitecasa.html">Minha casa</a> Usando uma imagem como link: Ex.: <a href="c:sitecasa.html><img src="c:siteimagem.jpg"></a>
  • 2. AG8 Informática 59 2- Âncoras Uma âncora é um ponto de referência ou endereço que será acessado por um link. Uma âncora é usada dentro do documento para marcar o início de uma seção do documento. Suponha que seu texto seja muito grande , o que tornaria trabalhoso para quem estiver vendo a página conseguir se movimentar entre um tópico e outro. Então faça o seguinte : Nomeie um pedaço da sua página através do tag : <A NAME="NOME "> Texto </A> ( Lembre –se que "NOME" é fictício, você escolhe o nome…) Depois disso escreva o pedaço que você quer associar a esse Nome. Agora crie um link para chegar até esse pedaço , usando o tag : <A HREF="#NOME">Clique Aqui</A> Pronto! Ao clicar na mensagem "Clique Aqui" de sua página , o usuário irá até o pedaço que você nomeou. ATENÇÃO : O sinal de cerquilha (#) é necessário para a âncora, pois avisa ao browser para procurar o link no documento atual !!! 3- Linkando Arquivos de Outros Servidores Agora a coisa fica um pouco mais séria . É aqui que está toda graça de Internet . Através de um esquema de endereçamento , a URL , a Internet consegue acessar um arquivo que está em qualquer micro deste planeta desde que esteja conectado adequadamente a Web.
  • 3. AG8 Informática Como já vimos , a URL serve para especificar a localização de páginas e arquivos em diretórios de servidores da Web . Vamos comparar com um esquema que você usa ( as vezes até sem saber ) para acessar algum arquivo em seu próprio computador . Acessando um arquivo pelo DOS : 60 C: WINDOWS SYSTEM Lista.TXT Acessando uma página pela Web : HTTP : // WWW. ASPMASTERS.CJB.NET Uma URL é composta por duas partes principais . A primeira é o protocolo Internet do documento , a segunda parte é o endereço do servidor e da página. A sintaxe disso é : PROTOCOLO: //SERVIDOR . INSTITUIÇÃO / ARQUIVO Onde : · Protocolo é o tipo de servidor que está sendo acessado; · Servidor é o computador que contém a página ; · Instituição é o tipo de instituição a qual esse computador pertence ( Comercial , Internet Publica , Militar etc. ) ; · Arquivo é o caminho do arquivo. Exemplo : HTTP : // WWW.TIMASTER.COM.BR Esse endereço pode ser especificado diretamente na linha de URL do Browser , para acessar diretamente a página INDEX. HTM , ou então dentro de um link de um documento HTML , através do A HREF que cria uma ligação , um link para o URL . <A HREF = "HTTP : // WWW. TIMASTER.COM.BR "> TIMASTER </A>