Overblog Suivre ce blog
Editer l'article Administration Créer mon blog

Présentation

  • : Romagny13 - Du .NET,du pur .NET
  • Romagny13 - Du .NET,du pur .NET
  • : Cycle de progression Faire (quelque chose qui marche) -> comprendre ce que l’on fait/comment cela marche -> pousser plus loin les notions
  • Contact

Recherche

Articles Récents

1 janvier 2007 1 01 /01 /janvier /2007 19:54
XML et les CSS
 
Soit la feuille de style suivante styles.css destinée à mettre en forme le fichier XML
-          On définie la manière dont sera affichée le fichier XML dans le navigateur (internet Explorer,Mozilla,…)
-          Pour chaque nœud, on peut soit le laisser vide, soit le définir  (il faut penser « poupées russes ou chaque balise est imbriquée comme des boites dans sa précédente)
REGIONS
{
width:200px;
height:30px;
background-color:Maroon;
}
REGION
{
display:block;
}
code_departement
{
color:Gray;
}
nom_departement
{
color:Red;
}
 
Et le fichier XML regions.xml
-          On lie la feuille des tyle au fichier XML
<?xmlversion="1.0"encoding="UTF-8" ?>
<?xml-stylesheettype="text/css" href="styles.css"?>
<REGIONS>
 <REGION>
    <code_departement>03</code_departement>
    <nom_departement>Allier</nom_departement>
 </REGION>
 <REGION>
    <code_departement>06</code_departement>
    <nom_departement>Alpes Maritmes</nom_departement>
 </REGION>
 <REGION>
    <code_departement>21</code_departement>
    <nom_departement>Côte d'or</nom_departement>
 </REGION>
 <REGION>
    <code_departement>34</code_departement>
    <nom_departement>Hérault</nom_departement>
 </REGION>
. . . etc.
  </REGIONS>
-          Il suffit de double cliquer sur le fichier XML pour qu’il s’affiche dans le navigateur par défaut :
 
 

Partager cet article

Repost 0
Published by Romagny13 - dans Xml
commenter cet article

commentaires