Outils pour utilisateurs

Outils du site


isn:css1

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
isn:css1 [2020/05/11 15:21]
techer.charles_educ-valadon-limoges.fr
isn:css1 [2020/09/15 09:30] (Version actuelle)
techer.charles_educ-valadon-limoges.fr [l'attribut CSS id]
Ligne 5: Ligne 5:
  
 ===== Accéder au site Trinket.io ===== ===== 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 **Tinknet.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> <html>
 <iframe src="https://trinket.io/embed/html/c314ca9500" width="100%" height="600" frameborder="0" marginwidth="0" marginheight="0" allowfullscreen></iframe> <iframe src="https://trinket.io/embed/html/c314ca9500" width="100%" height="600" frameborder="0" marginwidth="0" marginheight="0" allowfullscreen></iframe>
-</html>e Site ISN en créant une page CSS.+</html>
  
 ===== Le fichier CSS style.css ===== ===== Le fichier CSS style.css =====
Ligne 46: Ligne 46:
 <p id="para_1">Voici mon premier <strong>paragraphe</strong>.</p> <p id="para_1">Voici mon premier <strong>paragraphe</strong>.</p>
 </code> </code>
-  * Complète le fichier style.css de la manière suivante :+  * Rajoute à la fin du fichier style.css les lignes suivantes :
 <code html> <code html>
 #para_1 #para_1
Ligne 71: Ligne 71:
 </code> </code>
  
-**Et dans le fichier style.css  :**+**Et dans le fichier style.css en ajoutant les lignes suivantes :**
 <code html> <code html>
 .para_2 .para_2
Ligne 80: Ligne 80:
 </code> </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 ===== ===== Les balises de base du CSS =====
isn/css1.1589203289.txt.gz · Dernière modification: 2020/05/11 15:21 de techer.charles_educ-valadon-limoges.fr