Vous êtes sur la page 1sur 1

3ième S.I.

Sciences et Technologies de l’Informatique

CORRECTION ACTIVITE BALISE div


Page.html :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Exemple div</title>
<link rel="stylesheet" href="style.css" />
</head>

<body>
<h1>Un titre de niveau 1</h1>

<div>
<p>Un premier paragraphe</p>
<p>Un autre paragraphe</p>

<ul>
<li>Un élément de liste</li>
<li>Un autre élément de liste</li>
</ul>
</div>

<p>Un troisième paragraphe</p>

<div>
<p>Un dernier paragraphe</p>
</div>

</body>
</html>

Style.css :
body{ background-color: lightBlue; }

div{ color: white;


background-color: purple;
width: 80%; /*Définit la largeur des div à 80% de leur parent (body
ici)*/
margin: 0 auto; /*Permet de centrer les div dans leur élément parent
(body ici)*/
}

Résultat :

Vous aimerez peut-être aussi