Reproduire la page web suivante:
Afficher le code HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Activite 10</title>
<link rel="stylesheet" href="style10,css">
</head>
<body>
<header>
<h1>Journale Lycée midoun</h1>
</header>
<nav>
<ul>
<li><a href="#news">Actualités</a></li>
<li><a href="#sports">Sports</a></li>
<li><a href="#Calendrier">Calendrier</a></li>
</ul>
</nav>
<section id="news">
<h1>Rubrique Actualités</h1>
<article>
<h1>Actualités</h1>
<p>L'orientation se fera à partir de la première année (tronc commun). </p>
<p>L'élève est orienté vers quatre filières en deuxième année secondaire : lettres, sciences, technologie de l'informatique et économie et services.</p>
<p>La campagne de sensibilisation a été entamée par les professeurs orientateurs.</p>
</article>
<article>
<h1>Actualités</h1>
<p>L'orientation se fera à partir de la première année (tronc commun). </p>
<p>L'élève est orienté vers quatre filières en deuxième année secondaire : lettres, sciences, technologie de l’informatique et économie et services.</p>
<p>La campagne de sensibilisation a été entamée par les professeurs orientateurs.</p>
</article>
</section>
<section id="sports">
<h1>Rubrique sports</h1>
<article>
<h1>sports</h1>
…
</article>
</section>
...
<footer>
<p>© 2022 Lycee midoun.</p>
</footer>
</body>
</html>Afficher le code CSS
body {
font-family:Verdana,sans-serif;font-size:0.8em;
}
header,footer,section,article {
border:1px solid grey;
margin:5px;margin-bottom:15px;padding:8px;
background-color:white;
}
header,footer {
color:white;background-color:#444;margin-bottom:5px;
}
section {
background-color:#ddd;
}
nav ul {
margin:0;padding:0;
}
nav ul li {
display:inline; margin:5px;
}