Différences

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

--- isn:css1 [2019/02/14 20:23] – modification externe 127.0.0.1
+++ isn:css1 [2020/09/15 09:30] (Version actuelle) – [l'attribut CSS id] techer.charles_educ-valadon-limoges.fr
@@ Ligne 4: / Ligne 4: @@
 Tout ce qui concerne la mise en page et l'aspect **design** c'est à dire le **style** de la page se réalise avec le **CSS** (Cascading Style Sheets).
-===== Accéder au Web Lab =====
+===== Accéder au 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** :
-Tu vas compléter le Site ISN en créant une page CSS.
+<html>
+<iframe src="https://trinket.io/embed/html/c314ca9500" width="100%" height="600" frameborder="0" marginwidth="0" marginheight="0" allowfullscreen></iframe>
+</html>
 ===== Le fichier CSS style.css =====
@@ Ligne 44: / 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 69: / 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 78: / Ligne 80: @@
 </code>
-===== Le résultat avec Trinket.io =====
+==== Question 4 ====
-<html>
+  * **Modifie** le contenu du **fichier index.html**  et du fichier **style.css** pour avoir le résultat suivant :
-<iframe src="https://trinket.io/embed/html/c314ca9500" width="100%" height="600" frameborder="0" marginwidth="0" marginheight="0" allowfullscreen></iframe>
-</html>
+Voici ce que tu dois **visualiser** :
+{{ :isn:trinket_04.png |}}
 ===== Les balises de base du CSS =====