Inserir uma ligação

Como vimos no livro, para adicionar uma ligação a uma página usa-se a etiqueta <a>.

<a href="vejam-nos-tocar.html">Clica aqui para descobrires onde os Nanonautas irão tocar a seguir!</a>

Em vez de texto, podes usar uma imagem como ligação. Bastará que coloques a etiqueta <img> onde estaria o texto da ligação:

<a href="vejam-nos-tocar.html"><img alt="Imagem de um bilhete do concerto" src="imagens/bilhete-de-concerto.png" /></a>

Também podes fazer uma ligação para outra parte da mesma página, o que é útil para se saltar entre diferentes secções. Digamos que a meio da tua página tens uma secção sobre como cuidar dos instrumentos musicais e que seria útil chegar a essa secção directamente a partir de uma ligação (num menu, por exemplo). Primeiro, escolhe o texto ou a imagem com que queres fazer ligação. Depois atribui-lhe etiquetas deste modo:

<a name="instrumentos" id="instrumentos">Cuidar dos teus instrumentos</a>

Os atributos name e id podem ser os que quiseres, mas têm de ser iguais.

Agora precisas de criar a ligação propriamente dita. Fá-lo da maneira habitual, mas acrescentando o nome que escolheste, precedido do símbolo #, ao URL da página :

<a href="vejam-nos-tocar.html#instrumentos">Clica aqui para conselhos sobre como cuidar dos teus instrumentos.</a>

Experimenta!