Différences

no way to compare when less than two revisions

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

@@ Ligne 1: / Ligne 1: @@
+======Corrigé du "Pratiquez" 2 de OpenClassroom======
+Voici le corrigé de l'activité de pratique du MOOC HTML/CSS OpenClassroom disponible [[https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/pratiquez-4|à cette adresse ]]
+<file html index.html>
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <link rel="stylesheet" type="text/css" href="style.css">
+        <title>Les cupcakes</title>
+    </head>
+    <body>
+      <h1 class="red-text">Vive les cupcakes</h1>
+      <p>J'ai découvert les cupcakes lors d'un voyage à <a class="liens-gras" href="https://fr.wikipedia.org/wiki/New_York">New York</a>... et depuis c'est une véritable passion. Sur mon site, vous saurez <strong>tout</strong> sur les cupcakes !</p>
+      <p>Un cupcake ? C'est ça :</p>
+      <figure class="image-centered">
+        <img src="cupcake.jpg" alt="Cupcake" />
+        <figcaption>Un cupcake</figcaption>
+      </figure>
+      <p>Délicieux non ? Sur mon site, je vous présenterai :</p>
+      <ul class="list-border">
+        <li>Les différentes variétés de cupcakes</li>
+        <li>Leur histoire</li>
+        <li>Leurs recettes</li>
+      </ul>
+    </body>
+</html>
+</file>
+<file css style.css>
+/* Feuille de styles CSS */
+.red-text{
+color: red;
+font-size: 2em;
+}
+.image-centered{
+text-align: center;
+}
+.list-border{
+border:1px solid black;
+box-shadow: 5px 5px;
+}
+.liens-gras:hover{
+font-weight:bold;
+}
+</file>