Exemple balises structurantes
Exemple d’utilisation des balises structurantes
Fichier HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Fac Tetouan</title>
<link rel="stylesheet" href="style1.css" />
</head>
<body>
<header>
<h1>Université Abdelmalek Essaadi</h1>
<h2>Faculté des Sciences</h2>
</header>
<nav>
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">Licences</a></li>
<li><a href="#">Licences Pro</a></li>
</ul>
</nav>
<section>
<aside>
<h1>Conférence sur les énergies renouvelables</h1>
<p>Une conférence sur les énergies renouvelables est organisée en ligne</p>
</aside>
<article>
<h1>Ouverture d'une nouvelle formation</h1>
<p>La faculté des Sciences de Tétouan a ouvert une nouvelle formation sur les technologies de pointe</p>
</article>
</section>
<footer>
<p>Copyright FS - Tous droits réservés<br />
<a href="#">contacter nous</a></p>
</footer>
</body>
</html>
Fichier CSS correspondant:
nav
{
float: left; width: 150px;
border: 1px solid black;
}
section
{
margin-left: 170px; border: 1px solid blue;
padding: 10px;
}
footer
{
text-align: center;
border: 1px solid blue;
}