cara menambahkan gambar rollover di html

Tryit<!DOCTYPE html>
<html>
   <head>
        <title> Wikitechy Rollover Image Effect in Html</title>
         
   </head>
    <body>
        <h2>Rollover Image Effect in Html</h2>
        <img src="image1.png" onmouseover="this.src='image2.png'" onmouseout="this.src='image1.png'" />
    </body>
</html>
Pleasant Parrot