Criando Links em Páginas HTML

Um Link é um elemento (texto ou imagem) que ao ser clicado leva o internauta para outra página. Ao passar o ponteiro do mouse sobre um link, o cursor fica no formato de uma mão branca.

A Tag <a> serve para criar links na Linguagem HTML. Normalmente, essa tag vem acompanhada do parâmetro href que serve informar qual o endereço o link deve apontar.

Para entender bem como criar links em HTML, vamos criar dois arquivos: “pagina1.html” e “pagina2.html”. Cada um terá um link apontado para o outro.
Para entender os exemplos abaixo, é importante ter um conhecimento mínimo da Linguagem HTML. Se você não tem, sugiro que antes de continuar, leia os posts Introdução ao HTML e Parâmetros das Tags HTML.

Digite o código abaixo em um editor de textos (o Bloco de Notas por exemplo):
<html>
<head>
<title>Criação de Links (Página 1)</title>
</head>
<body>
<h3>Página 1</h3>
<p><a href=”pagina2.html”>Clique aqui</a> para ir para a Página 2.</p>
</body>
</html>
Salve o arquivo em seu computador com o nome “pagina1.html” (Sem aspas).

Ao abrir o arquivo com um clique duplo no ícone, teremos o seguinte resultado:

Criar Links em Páginas HTML

Se clicarmos no link, não iremos obter o resultado desejado. Isso ocorre pois ainda não existe o arquivo “pagina2.html” (Dizemos que é um Link Quebrado). Então, vamos criar o outro arquivo.

Abra uma nova janela do Editor de Textos e digite o código abaixo:
<html>
<head>
<title>Voltando para a página anterior</title>
</head>
<body>
<h3>Página 1</h3>
<p>Quer voltar para a página anterior? <a href=”pagina1.html”>Clique aqui</a>.</p>
</body>
</html>

Salve o arquivo no mesmo local onde você salvou o arquivo anterior com o nome “pagina2.html” (Sem aspas).

Pronto, agora basta abrir um dos arquivos criados com um clique duplo e clicar nos links para testar.

Nota: Esse exemplo só funciona se os dois arquivos estiverem no mesmo diretório.


Leia mais:

5 comentários:

  1. excelente post. Muito obrigado!

    ResponderExcluir
  2. Tem como me ajudar. Não estou conseguindo

    ResponderExcluir
    Respostas
    1. Claro Rodrigo! Você fez o exemplo acima e não funcionou? É isso? Verifique se todas as tags foram abertas e fechadas corretamente. É um erro muito comum. Se não for isso ou não funcionar, é só falar! Abraço amigão!

      Excluir
  3. Olá Denecir, como faço para criar quatro(4) páginas
    linkadas, eu coloco os 4 links em todas as páginas?
    como faço? Me ajude,pois tenho que entregar esse
    trabalho no curso de informatica para internet. Obrigado.

    ResponderExcluir
    Respostas
    1. Na prática, normalmente temos uma página inicial (Home Page), que é a primeira a ser exibida em um site.

      Pode ser assim, a Home Page tem três links (um link para cada uma das outras três páginas).

      As outras três páginas teriam um link em cada uma chamado "Voltar" com link apontando para Home Page. Entendeu?

      Espero ter ajudado!

      Excluir

O que você achou do post? Faça um comentário.

Aprenda a receber dados de Formulário com PHP

Existem três arrays associativos que podemos usar para receber dados de Formulários HTML em PHP. São eles: $_GET , $_POST e $_REQUEST . O...