Correction TD 7 : Utilisation de CSS1

1. Ajout dans HEAD de l'élément STYLE suivant:

   <style type="text/css">
   BODY {
     background: white;
     color: black;
     font-family: sans-serif;
   }
   A:link {
     color: green;
   }
   A:active {
     color: #FF0;
   }
   A:visited {
     color: rgb(125,125,125);
   }
   </style>
   

2. Ajout de l'attribut style dans le tag <H1>:

   <H1 style="text-align: center;">Mon document</H1>
   

3. Marquage des mots "très" à l'aide d'éléments SPAN de classe "important":

   <p>Dimanche était une <span class="important">très</span> bonne journée pour
   ceux qui pratiquent la  planche à voile. Le vent soufflait <span
   class="important">très</span> fort et le soleil brillait.
   

   et ajout dans STYLE de:

   .important {
     font-style: italic;
     color: red;
   }
   

4. Copie du contenu de l'élément STYLE dans docstyle.css et remplacement de l'élément STYLE par:

   <LINK rel="stylesheet" type="text/css" href="docstyle.css">
   

5. Ajout de l'attribut id dans le tag <p> du second paragraphe:

   <p id="p2">Mais tout ceci est déjà loin et maintenant nous devons travailler <a
   href="http://www.w3.org/TR/REC-CSS1">CSS1</a>.
   

   et ajout dans la feuille de syle de:

   #p2 {
     font-family: monospace;
   }
   

6. Encapsulation des deux paragraphes par un élément DIV de classe "encadre":

   <DIV class="encadre">
   <p>Dimanche était ....
   <p id="p2">Mais tout ceci est ...
   </DIV>
   

   et ajout dans la feuille de syle de:

   .encadre {
     border: solid thin;
     background: #ddd;
   }