Estilos para vínculos
Vínculos para o menu do nosso site
Como você recordará (isso espero...) os vínculos tem essa forma:
<a href="rumo/arquivo.html">Texto do Vínculo</a>
Assim que vamos por esse código dentro de cada elemento <li> da lista do menu. Quanto ao rumo, colocando um caminho falso nos dará problema, entretanto no lugar de não introduzir nada no rumo, escrever o jogo da velha (#) que serve para que dê o efeito do vínculo mas sem enviar a nenhum lado, de momento. Quando tenhamos mais páginas no site poremos os caminhos das páginas que queremos enlaçar desde o menu, beleza?
<a href="#">Elemento de lista, 1</a>
Como não queremos que se abram esses links em páginas distintas, senão na mesma, não é necessário por o target ao código do enlace (o target="_blank" colocaremos para que o vínculo abra numa página diferente a que estamos, Meu primeiro link, lembra?).
Abrir o Html-kit na planilla.html e colocar um link em cada um dos três elementos da lista que fizemos anteriormente.Assim que o código html fica:
<body>
<div id=”global”>
<div id=”cabeceira”>Bem-vindos ao meu site</div>
<div id=”navegaçao”>Barra de Navegação</div>
<div id=”conteudo”>
<div id=”menu”>
<ul>
<li><a href=”#”>Elemento de lista, 1</a></li>
<li><a href=”#”>Elemento de lista, 2</a></li>
<li><a href=”#”>Elemento de lista, 3</a></li>
</ul>
</div>
Esta será a zona principal do site
</div>
<div id=”pe”>Este é o pé da página</div>
</div>
</body>
Isto é tudo que temos que fazer na planilla.html porque o resto...o “aspecto” sempre e sempre será dado utilizando a Folha de Estilos, agora mesmo...