Corrigé du "Pratiquez" 2 de OpenClassroom

Créateur de livres
Ajouter cette page à votre livre

Créateur de livres
Retirer cette page de votre livre

Voici le corrigé de l'activité de pratique du MOOC HTML/CSS OpenClassroom disponible à cette adresse

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

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;
}