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>
Salve o arquivo em seu computador com o nome “pagina1.html” (Sem aspas).
<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>
Ao abrir o arquivo com um clique duplo no ícone, teremos o seguinte resultado:
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.
Nota: Esse exemplo só funciona se os dois arquivos estiverem no mesmo diretório.
0 comentários:
Postar um comentário