Linkar Imagens - Criação de Menus

Hoje iremos aprender a linkar uma imagem que é uma das maiores dificuldades de quem está começando a entrar no mundo dos blogueiros é lidar com imagens e é um recurso indispensável para seu blog.

Basicamente, tudo o que precisamos para linkar uma imagem é um código assim:

<a href="endereço do link"><img src="endereço da imagem" /></a>

☼ endereço do link: é o endereço do site ou página que você quer que se abra ao clicar na imagem.
☼ endereço da imagem: é a url da imagem.

Sabendo disso agora iremos criar um menu. Para este menu é necessário apenas o "endereço do link" e o "endereço da imagem"
<a href="endereço do link"><img src="http://i39.tinypic.com/2ni72pc.jpg" /></a><a href="endereço do link"><img src="http://i43.tinypic.com/1214ygg.png" /></a><a href="endereço do link"><img src="http://i39.tinypic.com/2sacpbp.png" /></a><a href="endereço do link"><img src="http://i44.tinypic.com/31360qx.png" /></a><a href="endereço do link"><img src="http://i40.tinypic.com/2vwxs01.jpg" /></a><a href="endereço do link"><img src="http://i43.tinypic.com/aky4yc.png" /></a>
Seguindo estes códigos o menu ficará assim:


Agora ensinarei criar menus com Efeitos
1 - Menu com efeito ao passar com o mouse em cima.
Demonstração:




Código:
<a href="endereço do link"><img onmouseover="this.src='http://i33.tinypic.com/2q8njac.png'; return true" src="http://i34.tinypic.com/2s1kl1j.png" onmouseout="this.src='http://i34.tinypic.com/2s1kl1j.png'" /></a>
Por hoje é isso ai se alguém ficou com alguma dúvida COMENTE!!
Ou se...
Achou um menu legal em algum site e quer a tutorial de como criar ele COMENTE!!