Afficher un document XML avec du CSS<
Maintenant que vous avez créé votre document XML, il serait bien de l'afficher à l'écran sans les balises. Pour ce faire, nous allons simplement utiliser un fichier CSS
Reprenons l'exemple précédent:

<?xml version="1.0" encoding="ISO-8859-1"?>
<cd>
<artiste>Indochine</artiste>
<album>Hanoï</album>
<chanson>Pink Water</chanson>
<duree>5'53</duree>
</cd&gt;

Créons alors cette feuille de style et mettons ceci dedans:

artiste{
display:block;
width:250px;
background-color:#ff0000;
color:#ffff00;
padding-left:50px;
}
album{
font-weight:bold;
font-style:"Courrier News";
}
chanson{
font-size:8pt;
color:blue;
}
duree{
borde:blue dotted line;
background-color:#1b019b;
color:#c0c0c0;
}

J'espère que vous avez compris toutes les propriétés de cette feuille de style, sinon allez les revoir dans le cours CSS.
Il faut maintenant inclure cette feuille de style dans le fichier XML grâce à la balise <?xml-stylesheet href="page.css" type="text/css"?>. Insérez cette balise juste après <?xml version="1.0" encoding="UTF-8"?>

Lorsque vous ouvrirez votre fichier XML, voici ce que vous verrez:
exemple
(Les couleurs sont abominables, ne vous en formalisez pas!)

Et bien voilà, vous savez maintenant créer et afficher un document XML à l'écran! Passons maintenant au chapitre suivant, les doctypes.

back   next