Procurar
Entrar
Últimos assuntos
Os membros mais ativos da semana
Nenhum usuário |
aula de HTML Nº2 - Hiperligações
3 participantes
Programadores :: Dúvidas e Suporte :: Suporte/Aulas :: HTML
Página 1 de 1
aula de HTML Nº2 - Hiperligações
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?
- Inicie a âncora com
- Especifique o documento a ser interligado, inserindo o parâmetro HREF="nome do ficheiro" seguido do sinal: >
- Insira o texto que vai funcionar como link
- Finalize a âncora com: .
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:
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:
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.
Última edição por prizm em Qui Jul 21, 2011 3:29 pm, editado 2 vez(es)
Re: aula de HTML Nº2 - Hiperligações
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
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
Henrique_GJ- Regular
- Mensagens : 76
Reputação : 0
Data de inscrição : 18/07/2011
Re: aula de HTML Nº2 - Hiperligações
vlw! Henrique
o voltar ao topo é suposto nao funcionar pois eu desactivei o HTML na pagina!
o voltar ao topo é suposto nao funcionar pois eu desactivei o HTML na pagina!
Re: aula de HTML Nº2 - Hiperligações
sim, se algum admin quizer fazer um painel, pagina htm, algo assim, vai saber fazer nem que seja o basico
Henrique_GJ- Regular
- Mensagens : 76
Reputação : 0
Data de inscrição : 18/07/2011
Tópicos semelhantes
» aula de HTML Nº3 - Listas
» aula de HTML Nº4 - Texto
» aula de HTML Nº5 - Imagens
» aula de HTML Nº1 - Os tags básicos
» aula de CSS Nº2 - Backgrounds
» aula de HTML Nº4 - Texto
» aula de HTML Nº5 - Imagens
» aula de HTML Nº1 - Os tags básicos
» aula de CSS Nº2 - Backgrounds
Programadores :: Dúvidas e Suporte :: Suporte/Aulas :: HTML
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Seg Nov 14, 2011 1:36 pm por luiz_100juizo
» Olá caro programadores!
Sáb Out 29, 2011 7:58 am por AllanXD! Soft
» Eae Galera
Sáb 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