Para aquele que estão começando a criar suas primeiras paginas HTML aqui vai um ótima dica de como trabalhar com links de uma página para outra.
Os links são ligações que são feitas de um determinado lugar para outro através da interação do webmaster.
Vamos a um exemplo prático: Faz de conta que temos um site de uma empresa que tem por objetivo apenas divulgar seu telefone e seus produtos e serviços na internet. Nesse caso não vamos utilizar tecnologias avançadas de servidor como PHP e ASP, somente o simples HTML basta.
Primeiro temos que estar com as páginas prontas; as paginas do nosso exemplo são: contato, índex, nossa empresa,contato, nossos serviços e nossos produtos.
Atenção para os códigos de cada página.
Arquivo índex.html (é a página inicial do nosso site exemplo).
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>Empresa – Conheça a nossa empresa</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
</head>
<body>
<a href=”index.html”>Página inicial</a>
<a href=”nossos_produtos.html”>Nossos produtos</a>
<a href=”nossos_servicos.html”>Nossas Serviços</a>
<a href=”nossa_empresa.html”>Conheça a nossa empresa</a>
<a href=”contato.html”>Entre em contato</a>
</body>
</html>
Vamos as explicações.
Aqui são tags de inicio da pagina e tags de cabeçalho (Não abordados nesse post).
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>Empresa – Conheça a nossa empresa</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
</head>
A única parte que nos interessa é a parte dos textos dos links que é essa aqui
<a href=”index.html”>Página inicial</a>
<a href=”nossos_produtos.html”>Nossos produtos</a>
<a href=”nossos_servicos.html”>Nossas Serviços</a>
<a href=”nossa_empresa.html”>Conheça a nossa empresa</a>
<a href=”contato.html”>Entre em contato</a>
Veja bem, temos ai tags do tipo A que se referem ao link < a > . essa tag tem um atributo que se refere ao caminho a ser seguido, teoricamente falando o HREF=””, esse atributo pode indicar qualquer pagina desde que esteja o nome correto e que o arquivo estiver no sistema de pasta correto. No nosso caso os arquivos estão na mesma pasta por isso que dentro das aspas duplos estão os nomes dos arquivos.
Mas como eu indico o texto q vai ser o link? Simples, basta você fechar a tag depois do href e apartir daí tudo ser parte desse link. Mas esse link não tem fim então ? sim ele terá fim quando for colocado o fechamento da tag a, ou seja, </a>. Assim temos a seguinte estrutura:
<a href=”arquivos q vai ser acessado.html”> aqui é o texto do link </a>
Simples e fácil lidar com links entre paginas HTML, para utilizar os códigos desse post basta fazer o download dos arquivos aqui.
Se você precisar de ajuda entre em contato comigo através de um comentário que estarei ajudando a implementar os códigos. Caso você deseje fazer um menu bonito, elegante e levíssimo basta ler este post que ensina a criar menu com CSS.
loading...