Hola
Bueno, vamos por partes.
En efecto esa página está hecha con xhtml y cumple con las normativas
xhtml 1.0 transitional; una de las tres versiones de este lenguaje.
Agregaré que el xhtml es lo mismo que el html, al menos piensa en el de esa forma dado que es una evolcuión del mismo, igual que ha habido diversas versiones, ... 3.2, 4.0, 4.01, ahora hay xhtml 1.0 (transitional, strict y frameset), xhtml 1.1 y en un futuro xhtml 2.0.
Respecto a los efectos de las imágenes, lo de cambiar una por otra cuando pasas el ratón, se puede hacer de varias formas, una es con javascript y otra es con css.
Para hacerlo con javascript, utilizas los detectores de eventos onmouseover y onmouseout, de manera que llamen a la imagen correspondiente cuando se pasa el rató por encima y cuando se saca del área de la imagen.
Con
css se haría mediante los modificadores a:hover y a:link (se puede complementar con el a:active, a:visited). pero en principio con esos dos basta. El hover, indica que el ratón está sobre el vínculo y com oesas imágenes son vínculos, se podría utilizar.
Especificamente esta página lo hace así:
Código:
#dailymenu a:hover {background: transparent url(/i04/nav.gif) 0 -30px no-repeat;}
#dwwsmenu a:hover {background: transparent url(/i04/nav.gif) -139px -30px no-repeat;}
#glammenu a:hover {background: transparent url(/i04/nav.gif) -385px -30px no-repeat;}
#classicsmenu a:hover {background: transparent url(/i04/nav.gif) -538px -30px no-repeat;}
#aboutmenu a:hover {background: transparent url(/i04/nav.gif) -634px -30px no-repeat;}
Te recomiendo que revises los vínculos que hay en este mensaje de manera que empieces a practicar un poco con las css y el xhtml, puedes utilizar css con html normal.
También es buena idea que revises estos foros en busca de más manuales y tutoriales, te vendrán muy bien.
Suerte
Felicidad