Exercices HTML CSS

Exercice 7 HTML et CSS Corrigé

Réaliser la page suivante :

 

HTML :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Recette de cuisine </title>
<link rel="stylesheet" type="text/css" href="../css/exercice7.css" />
</head>
<body>
<h1>Une fondue au Mont d'Or</h1>
<h2>Les ingr&eacute;dients :</h2>
<ul>
<li>1 Mont d'Or d'environ 500 grammes pour deux personnes
</li>
<li>1 Gousse d'ail
</li>
<li> Vin blanc typ&eacute; Savagnin
</li>
<li>   Sel, Poivre
</li>
<li> Muscade
</li>
</ul>
<h2>La réalisation :</h2>
<ol>
<li>Avec une petite cuill&egrave;re, creusez le haut du Mont d'Or sur 1 cm ou 2 cm de profondeur ; </li>
<li>L'ail
<ol>
<li>Coupez la gousse d'ail en allumettes ;
</li>
<li>Introduisez ces morceaux dans le Mont d'Or. </li>
</ol>
</li>
<li>Mettre du sel, du poivre, de la muscade et le vin blanc ;
</li>
<li> Remettre le formage enlev&eacute;. </li>
</ol>
<h2>La pr&eacute;paration est finie</h2>
<p id="p2">Remettre au four et faire dorer pendant 30 minutes environ 180&deg; Celcius.
</p>
<p id="p1"> Servir avec un vin du Jura &agrave; base de Savagnin et de la charcuterie (Jambon, Saucisse de Morteau...).
</p>

</body>
</html>

CSS : 

body{
background-color:yellow;
}
h1{
text-align:center;
color:white;
background-color:black;
}
h2{
background-color:#00FF00;
color:red;
}
#p1{
font-weight: bold;
text-decoration:underline;
margin-bottom: 2cm;
}
#p2{
color:#AA00AA;
}
ol{
color: red;
font-size: larger;
list-style-type: lower-roman;
}
ol ol{
color: blue;
font-size: smaller;
list-style-type: lower-greek;
}

 

Ajouter un commentaire

Veuillez vous connecter pour ajouter un commentaire.

Pas encore de commentaires.