HTML Buton Olayı

<button> BUTON </button>

Butona tıkladığında sayfa ilgili url ye gider

<a href="#"><input type="button" value="BUTON ÜSTÜNDEKİ YAZI" /></a>

Butona tıkladığında sayfa ilgili url yi yeni sekmede açar

<a href="#" target="_blank"><input onclick="this.parentNode.click()" type="button" value="BUTON ÜSTÜNDEKİ YAZI" /></a> 

Buton üzerine resim eklemek

<button ><img src="Resim URL"></button>

Tkıla oku buton

<script language="JavaScript">
<!--
var display_text  = "Sitemize hoşgeldiniz "
+ "Size gerekli tüm kodları bulabileceğiniz adrestesiniz  "
+ "     Kodlara kısa sürede ulaşmak için "
var display_text; var place; var meter;
var out = " "; var place = 50;
function scroll_text(){
for (meter = 0; meter < place; meter++){
out += " "
}
if (place >= 0)
out += display_text
else out = display_text.substring(-place,display_text.length)
document.scroll_form.field.value = out
out = " "
place--
if (place < -(display_text.length)){
place = 50
}
setTimeout('scroll_text()',100)
}
</script>
<CENTER>
Butona her tıkladığınızda yazı hızlanacaktır..
<form name="scroll_form">
<input type="button" name="button_one" value="Tıkla oku..." onClick="scroll_text()">
<input type="text" name="field" size="50"><p>
</form>
</CENTER>

Standart buton yerine resim animasyonu eklemek isterseniz

 <a href="#"><img hspace="0" border="0" onmouseout="this.src='RESİM 1 URL';" onmouseover="this.src='RESİM 2 URL';" alt="" src="RESİM 1 URL" /></a>