Corrigé du "Pratiquez" 2 de OpenClassroom [Wiki GInfo]

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.

======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>