Différences

Ci-dessous, les différences entre deux révisions de la page.

--- isn:css1 [2020/05/11 15:51] – techer.charles_educ-valadon-limoges.fr
+++ isn:css1 [2020/09/15 09:30] (Version actuelle) – [l'attribut CSS id] techer.charles_educ-valadon-limoges.fr
@@ Ligne 5: / Ligne 5: @@
 ===== Accéder au site Trinket.io =====
-Tu vas compléter la page **index.html** ainsi que le fichier **style.css** de l'exemple suivant à partir du site **Trinket.io** :
+Tu vas compléter la page **index.html** ainsi que le fichier **style.css** (clique sur l'onglet style.css) de l'exemple suivant à partir du site **Trinket.io** :
 <html>
 <iframe src="https://trinket.io/embed/html/c314ca9500" width="100%" height="600" frameborder="0" marginwidth="0" marginheight="0" allowfullscreen></iframe>
@@ Ligne 46: / Ligne 46: @@
 <p id="para_1">Voici mon premier <strong>paragraphe</strong>.</p>
 </code>
-  * Complète le fichier style.css de la manière suivante :
+  * Rajoute à la fin du fichier style.css les lignes suivantes :
 <code html>
 #para_1
@@ Ligne 71: / Ligne 71: @@
 </code>
-**Et dans le fichier style.css  :**
+**Et dans le fichier style.css en ajoutant les lignes suivantes :**
 <code html>
 .para_2
@@ Ligne 83: / Ligne 83: @@
   * **Modifie** le contenu du **fichier index.html**  et du fichier **style.css** pour avoir le résultat suivant :
-Voici ce que tu dois obtenir et **visualiser** :
+Voici ce que tu dois **visualiser** :
-===== Le résultat avec Trinket.io =====
+{{ :isn:trinket_04.png |}}
-<html>
-<iframe src="https://trinket.io/embed/html/c314ca9500" width="100%" height="600" frameborder="0" marginwidth="0" marginheight="0" allowfullscreen></iframe>
-</html>
 ===== Les balises de base du CSS =====