Fonction Html --> Xml

Bonjour,

Suite à des obligation de format j'ai du transformer une page html+css (dont je maitrise plus ou moins les bases) en xml (que je ne connaissais que de nom).
Jusque là je me suis plus ou moins débrouillé.

Le soucis c'est que j'avais sur ma page des div qui apparaissait/disparaissaient avec des boutons.

<input type="image" value="Accueil" onclick="document.getElementById('bloc2').style.display = 'block'; document.getElementById('bloc3').style.display = 'none'; document.getElementById('bloc4').style.display = 'none'; document.getElementById('bloc5').style.display = 'none';">
<input type="image" value="Activit&#233;s" onclick="document.getElementById('bloc5').style.display = 'block'; document.getElementById('bloc2').style.display = 'none'; document.getElementById('bloc3').style.display = 'none'; document.getElementById('bloc4').style.display = 'none';">
<input type="image" value="Info" onclick="document.getElementById('bloc4').style.display = 'block'; document.getElementById('bloc2').style.display = 'none'; document.getElementById('bloc3').style.display = 'none'; document.getElementById('bloc5').style.display = 'none';"> 

etc etc

sachant que les blocs 3, 4 et 5 étaient du type

<div id="bloc3" style="DISPLAY: none">

rien de bien compliqué en somme.

La seule chose c'est que j'ai beau chercher, je ne trouve pas comment avoir un équivalent en xml.
J'ai essayé quelque chose du genre

<input type="image" name="Accueil">
     document.getElementById('bloc3').style.display = 'block'
</input>

sans résultat concluant.

Si quelqu'un avait une idée je lui en serait très reconnaissant.
Merci d'avance :)