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.
Digite o código abaixo em um editor de textos:
<html>
<head>
<title>Criação de Links (Página 1)</title>
</head>
<body>
</html>
<h3>Página 1</h3>
<p><a href=”pagina2.html”>Clique aqui</a> para ir para a Página 2.</p>
</body><p><a href=”pagina2.html”>Clique aqui</a> para ir para a Página 2.</p>
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:
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>
</html>
<h3>Página 1</h3>
<p>Quer voltar para a página anterior? <a href=”pagina1.html”>Clique aqui</a>.</p>
</body><p>Quer voltar para a página anterior? <a href=”pagina1.html”>Clique aqui</a>.</p>
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.
