agrandar la imagen con un clic o al pasar el mousse

Quisiera saber si hay algun tutorial para que cuando se haga un clic sobre una imagen, esta se agrande y se pueda ver con mas claridad.
He visto varios tutoriales, pero como soy inexperta, no se muy bien a donde debo colocar los codigo html o como se aplican esos tutoriales, como asi tambien, si estan actualizados ya que son del 2009.
Gracias de antemano

hola, este es para que cuando pasas el raton se agranda:

en: onmouseover="this.width=500;this.height=400 es el tamaño agrandado.
en: onmouseout="this.width=100;this.height=80;" width="100" height="80 el tamaño que se veria normal.

es un simple codigo html, debes colocarlo sin mas donde tengas todos los textos.
______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com