Aulinha de HTML

Ae pessoal vim dar uma pequena aulinha de html. ( não fechem o blog pessoal!!! )

Vou ensina a montar um botão ( Imagem clicavel ) em html para add no seu blog ou site. =D

Mini-Dicionario:

<tag></tag>  -> isso é uma tag

http://www.algumacoisa.com  ->  Link  -> Url

Vamu ao tuto logo!

Primeiro vou ensinar a usar uma tag de link...

<a href="Link">texto</a>

Resultado:

texto

Agora vamos usar uma tag de imagem...


A imagem que vou usar vai ser essa : http://img201.imageshack.us/img201/3342/bygeovanni.png


<img src="http://img201.imageshack.us/img201/3342/bygeovanni.png">


Resultado:

Agora vamos juntar as tuas tags...


<a href="Link"><img src="Imagem"></a>


Vou usar o link do blog e a imagem usada no tag anterior:


<a href="http://by-geovanni.blogspot.com/"><img src="http://img201.imageshack.us/img201/3342/bygeovanni.png>"></a>


Resultado:



Mas e agora se a imagem não tiver do tamanho que voce quiser!?


Simples!


<img src="Image" width="Largura" height="Altura">


Vou continuar usando a imagem dos outros tags , e vou usar Largura=Altura=48.


<img src="http://img201.imageshack.us/img201/3342/bygeovanni.png" width="48" height="48">


Resultado:


Para o link vai o link com imagem ( o botão ) vai se usar a mesma coisa...

<a href="Link"><img src="Link imagem" width="Largura" height="Altura"></a>

Usando o mesmo links dos outros tags...

<a href="http://by-geovanni.blogspot.com/"><img src="http://img201.imageshack.us/img201/3342/bygeovanni.png" width="48" height="48"></a>

Resultado:




Valeu pessoal!


Qualquer duvida comenta ae!