Buscar
 
 

Resultados por:
 


Rechercher Busca avançada

Conectar-se

Esqueci minha senha

Últimos assuntos
» What"s up?
Seg Nov 14, 2011 1:36 pm por luiz_100juizo

» Olá caro programadores!
Sab Out 29, 2011 7:58 am por AllanXD! Soft

» Eae Galera
Sab Out 01, 2011 7:10 am por MegafireWoody

» [Atualização do fórum]Alguns ícones modificados
Sex Ago 05, 2011 2:49 pm por Henrique_GJ

» Amem Cheguei Manolo
Sex Ago 05, 2011 2:48 pm por Henrique_GJ

» aula de CSS Nº2 - Backgrounds
Sex Ago 05, 2011 2:47 pm por Henrique_GJ

» [Atualização do fórum]Atualização nas publicidades
Sex Ago 05, 2011 2:46 pm por Henrique_GJ

» Comple na área
Sex Ago 05, 2011 2:45 pm por Henrique_GJ

» [Atualização no fórum]Área de suporte para o CSS
Sex Ago 05, 2011 2:45 pm por Henrique_GJ

Os membros mais ativos da semana


aula de HTML Nº2 - Hiperligações

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

aula de HTML Nº2 - Hiperligações

Mensagem por prizm em Qua Jul 20, 2011 6:55 pm



Bem-vindos de novo aos meus tutoriais de HTML!

Agora vou ensinar como utilizar âncoras e fazer hiperligações:

1- Como fazer uma hiperligação a um documento no mesmo directório?


Exemplo:

Código:

<A HREF="pag_inicial">Voltar ao ínicio</A>

Neste caso se clicar na frase "Voltar ao ínicio" vai para a página pag_inicial que está no mesmo directório que o documento em que se está a trabalhar.

2- Como fazer ligações a documentos noutro directório?

Para não complicar muito basicamente para fazer uma hiperligação a documentos noutro directório coloque por exemplo:

Código:

<A HREF="paginas/pag_1.htm"> Página 1 </A>

Isso chama o diretório paginas e nele procura o ficheiro pag_1.html.

3- Como fazer hiperligações a URL's?

Um URL escreve-se de acordo com o seguinte esquema:

Código:

protocolo://servidor[:port]/path/filename

Onde protocolo pode ser:

  • file um arquivo no seu sistema local, ou servidor de ftp
  • http um arquivo em um servidor World Wide Web
  • gopher um arquivo em um servidor Gopher
  • WAIS um arquivo em um servidor WAIS
  • news um Usenet Newsgroup
  • telnet uma conexão Telnet
  • mailto envia um email para o endereço especificado

Por exemplo um link para uma página imaginária do programadores seria:
Código:

<A HREF="http://www.programadores.forumeiros.com/General/Internet/WWW/html.html"> inicio do forum</A>

O código abaixo chama o programa de e-mail do computador e permite enviar um e-mail para mim.
Código:

<A HREF="mailto:jooaomf@hotmail.com"> Para me contactar clique aqui </A>

4- Como fazer hiperligações dentro da página?

Para documentos muito longos é necessário fazer ligações dentro da própria página um desses exemplos é a opção "voltar ao topo", e vai ser esse exemplo que vamos trabalhar.

1-Criar uma âncora de nome no topo da página como por exemplo:


Agora vou ensinar como utilizar âncoras e fazer hiperligações:

Assim criou-se uma ancora com o nome "topo".

2-Criar a hiperligação para o topo ( o nome da ancora deve ser precedido por #) como por exemplo:


Para ir para o Topo da página clique aqui.

Ao fazer isto quando clica na palavra "aqui" vai para onde está a âncora com o nome "topo" ou seja no topo da página!




Bem... foi um longo tutorial!
Espero ter ajudado. Very Happy



Última edição por prizm em Qui Jul 21, 2011 3:29 pm, editado 2 vez(es)
avatar
prizm
Novato
Novato

Mensagens : 41
Reputação : 0
Data de inscrição : 03/07/2011
Idade : 21
Localização : portugal

Ver perfil do usuário http://www.primz.weebly.com

Voltar ao Topo Ir em baixo

Re: aula de HTML Nº2 - Hiperligações

Mensagem por Henrique_GJ em Qua Jul 20, 2011 9:15 pm

kk

o "voltar ao topo" não funcionou xDDDD

lembrando que link para outras páginas sempre a url deve começar com http:// caso contrario ele irá procurar a página dentro do proprio site

exemplo se eu to no site www.exemplo.com e ponho um link para www.site.com, ele não irá para www.site.com e sim para www.exemplo.com/www.site.com. é necessario por http:// antes e aí sim ele vai para http://site.com ao invés de www.exemplo.com/www.site.com



bom, só isso, parabens pena iniciativa de por html na cabeça dos manolo prizm parabens
avatar
Henrique_GJ
Regular
Regular

Mensagens : 76
Reputação : 0
Data de inscrição : 18/07/2011

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: aula de HTML Nº2 - Hiperligações

Mensagem por prizm em Qui Jul 21, 2011 5:07 am

vlw! Henrique

o voltar ao topo é suposto nao funcionar pois eu desactivei o HTML na pagina!
avatar
prizm
Novato
Novato

Mensagens : 41
Reputação : 0
Data de inscrição : 03/07/2011
Idade : 21
Localização : portugal

Ver perfil do usuário http://www.primz.weebly.com

Voltar ao Topo Ir em baixo

Re: aula de HTML Nº2 - Hiperligações

Mensagem por Ai meu Deus! em Qui Jul 21, 2011 10:21 am

Realmente o tutorial vai ajudar a melhorar até mesmo o fórum.
avatar
Ai meu Deus!
Adminstrador
Adminstrador

Mensagens : 80
Reputação : -1
Data de inscrição : 22/04/2011

Ver perfil do usuário http://mundogamer.forumeiros.org/forum

Voltar ao Topo Ir em baixo

Re: aula de HTML Nº2 - Hiperligações

Mensagem por Henrique_GJ em Qui Jul 21, 2011 11:59 am

sim, se algum admin quizer fazer um painel, pagina htm, algo assim, vai saber fazer nem que seja o basico
avatar
Henrique_GJ
Regular
Regular

Mensagens : 76
Reputação : 0
Data de inscrição : 18/07/2011

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: aula de HTML Nº2 - Hiperligações

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum