SlideShare uma empresa Scribd logo
1 de 3
Baixar para ler offline
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

Mais procurados

Mais procurados (11)

Aula 2 internet
Aula 2   internetAula 2   internet
Aula 2 internet
 
Apresentação12
Apresentação12Apresentação12
Apresentação12
 
Webpages
WebpagesWebpages
Webpages
 
blogger
bloggerblogger
blogger
 
Html - Capitulo 02
Html - Capitulo 02Html - Capitulo 02
Html - Capitulo 02
 
Definição de Blog
Definição de Blog   Definição de Blog
Definição de Blog
 
Link
LinkLink
Link
 
Como publicar um exercício do hotpotatoes no blog
Como publicar um exercício do hotpotatoes no blogComo publicar um exercício do hotpotatoes no blog
Como publicar um exercício do hotpotatoes no blog
 
Dream 07
Dream 07Dream 07
Dream 07
 
Html5 - Estrutura Básica
Html5 - Estrutura BásicaHtml5 - Estrutura Básica
Html5 - Estrutura Básica
 
Banco de dados e CMS
Banco de dados e CMSBanco de dados e CMS
Banco de dados e CMS
 

Destaque (9)

Twinning Sicily And Makedonia
Twinning Sicily And MakedoniaTwinning Sicily And Makedonia
Twinning Sicily And Makedonia
 
Solido
SolidoSolido
Solido
 
背後探討
背後探討背後探討
背後探討
 
Que No Decaiga El Entusiasmo
Que No Decaiga El EntusiasmoQue No Decaiga El Entusiasmo
Que No Decaiga El Entusiasmo
 
Quattro canti master liceo umberto
Quattro canti master liceo umbertoQuattro canti master liceo umberto
Quattro canti master liceo umberto
 
Sanat ashyralieva
Sanat ashyralievaSanat ashyralieva
Sanat ashyralieva
 
My neighbours
My neighboursMy neighbours
My neighbours
 
Taggies catalogue 2011
Taggies catalogue 2011Taggies catalogue 2011
Taggies catalogue 2011
 
101115 Berlino Window
101115   Berlino Window101115   Berlino Window
101115 Berlino Window
 

Semelhante a Html - capitulo 10

Semelhante a Html - capitulo 10 (20)

Aula1web html
Aula1web htmlAula1web html
Aula1web html
 
06 html links e frames
06 html   links e frames06 html   links e frames
06 html links e frames
 
Html
HtmlHtml
Html
 
Noesde internetexplorer
Noesde internetexplorerNoesde internetexplorer
Noesde internetexplorer
 
html
html html
html
 
Html
HtmlHtml
Html
 
Webpages
WebpagesWebpages
Webpages
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Apostila de html
Apostila de htmlApostila de html
Apostila de html
 
Curso html
Curso htmlCurso html
Curso html
 
Html completo
Html completoHtml completo
Html completo
 
Apostila De Html
Apostila De HtmlApostila De Html
Apostila De Html
 
Html
HtmlHtml
Html
 
AULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptxAULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptx
 
Elemento ancora
Elemento ancoraElemento ancora
Elemento ancora
 
Dreamweaver aula 1
Dreamweaver aula 1Dreamweaver aula 1
Dreamweaver aula 1
 
WebDesign - Aula01 - Introdução à Internet.pptx
WebDesign - Aula01 - Introdução à Internet.pptxWebDesign - Aula01 - Introdução à Internet.pptx
WebDesign - Aula01 - Introdução à Internet.pptx
 
Mercia regina portfólio-interdisciplinar-individual - analise-de-sistemas-1º-...
Mercia regina portfólio-interdisciplinar-individual - analise-de-sistemas-1º-...Mercia regina portfólio-interdisciplinar-individual - analise-de-sistemas-1º-...
Mercia regina portfólio-interdisciplinar-individual - analise-de-sistemas-1º-...
 
Manual internet
Manual internetManual internet
Manual internet
 

Mais de Alvaro Gomes

Museu nacional de história natural e da ciência
Museu nacional de história natural e da ciênciaMuseu nacional de história natural e da ciência
Museu nacional de história natural e da ciênciaAlvaro Gomes
 
Luís Vaz de Camões Vida e Obras
Luís Vaz de Camões Vida e Obras Luís Vaz de Camões Vida e Obras
Luís Vaz de Camões Vida e Obras Alvaro Gomes
 
Ética Deontológica Técnico Administrativo
Ética Deontológica Técnico AdministrativoÉtica Deontológica Técnico Administrativo
Ética Deontológica Técnico AdministrativoAlvaro Gomes
 
Revolução Industrial - O Ponto de Viragem
Revolução Industrial - O Ponto de ViragemRevolução Industrial - O Ponto de Viragem
Revolução Industrial - O Ponto de ViragemAlvaro Gomes
 
Linux Commandos Cheat
Linux Commandos CheatLinux Commandos Cheat
Linux Commandos CheatAlvaro Gomes
 
Flash android using livesuit
Flash android using livesuitFlash android using livesuit
Flash android using livesuitAlvaro Gomes
 
13 Things the Government doesn´t want you to know
13 Things the Government doesn´t want you to know13 Things the Government doesn´t want you to know
13 Things the Government doesn´t want you to knowAlvaro Gomes
 
Hackeando facebook com wireshark e cookie injector
Hackeando facebook com wireshark e cookie injectorHackeando facebook com wireshark e cookie injector
Hackeando facebook com wireshark e cookie injectorAlvaro Gomes
 
Como transformar o router thomson num print server
Como transformar o router thomson num print serverComo transformar o router thomson num print server
Como transformar o router thomson num print serverAlvaro Gomes
 
Drivers ADB Android
Drivers ADB AndroidDrivers ADB Android
Drivers ADB AndroidAlvaro Gomes
 
ROM china original (Shenzhen)
ROM china original (Shenzhen)ROM china original (Shenzhen)
ROM china original (Shenzhen)Alvaro Gomes
 
Reinstalar actualizar el sistema operativo android
Reinstalar actualizar el sistema operativo androidReinstalar actualizar el sistema operativo android
Reinstalar actualizar el sistema operativo androidAlvaro Gomes
 
Hackeando facebook com wireshark e cookie injector
Hackeando facebook com wireshark e cookie injectorHackeando facebook com wireshark e cookie injector
Hackeando facebook com wireshark e cookie injectorAlvaro Gomes
 
H4dummies (translated to portuguese)
H4dummies (translated to portuguese)H4dummies (translated to portuguese)
H4dummies (translated to portuguese)Alvaro Gomes
 
Algoritmos e estructura de dados
Algoritmos e estructura de dadosAlgoritmos e estructura de dados
Algoritmos e estructura de dadosAlvaro Gomes
 

Mais de Alvaro Gomes (20)

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

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>