Exercice HTML corrigé site de librairie

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta charset="UTF-8">
<title>Librairie en ligne</title>
</head>
<div class="entete">
   <h1>Site de Librairie</h1> 
   <p>Libraires en lignes depuis 1820</p>
</div>

<div class="menu">
  <div class="entree">Statistiques</div>
  <div class="entree selectionnee">Romans</div>
  <div class="entree">Science</div>
</div>

<div class="principal">

  <div class="corps">
    <div class="livre">
      <h1> Quatrevingt-treize</h1>
      <img src="book.png">
      <h2> Victor Hugo</h2>
      <p>Roman de Victor Hugo sur la Révolution Française. </p>
      <p class="commentaire">Nombre de commentaires: 240</p>
    </div>

    <div class="livre">
      <h1> Quatrevingt-treize</h1>
      <img src="book.png">
      <h2> Victor Hugo</h2>
      <p>Roman de Victor Hugo sur la Révolution Française. </p>
      <p class="commentaire">Nombre de commentaires: 240</p>
    </div>
    <div class="livre">
      <h1> Quatrevingt-treize</h1>
      <img src="book.png">
      <h2> Victor Hugo</h2>
      <p>Roman de Victor Hugo sur la Révolution Française. </p>
      <p class="commentaire">Nombre de commentaires: 240</p>
    </div>
    <div class="livre">
      <h1> Quatrevingt-treize</h1>
      <img src="book.png">
      <h2> Victor Hugo</h2>
      <p>Roman de Victor Hugo sur la Révolution Française. </p>
      <p class="commentaire">Nombre de commentaires: 240</p>
    </div>

    <div style="clear: both"></div>
  </div>

    <div class="nouvelles">
      <h1> Nouvelles</h1>
      <p>La librairie en ligne accueillera bientôt des auteurs en
	direct.</p>
      <p>d'autres nouvelles...</p>
      <p>d'autres nouvelles...</p>
      <p>d'autres nouvelles...</p>
      <p>d'autres nouvelles...</p>
      <p>d'autres nouvelles...</p>
      <p>d'autres nouvelles...</p>
      <p>d'autres nouvelles...</p>
      <p>d'autres nouvelles...</p>
      <p>d'autres nouvelles...</p>
    </div>
</div>
</html>

Télécharger aussi :

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *