<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>titre de la page</title>
<!-- meta -->
<meta name="description" content="">
<meta name="author" content="">
<!-- mon icon -->
<link rel="shortcut icon" href="favicon.ico">
<!-- mon template.css -->
<link rel="stylesheet" href="style.css" media="screen">
</head>
<body>
<header>
<!-- menu du haut -->
<nav>
<ul>
<li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li>
</ul>
</nav>
</header>
<!-- contenu de ma page -->
<div>
<!-- article n°1 -->
<article>
<h1>titre de mon article</h1>
<p>texte de mon article</p>
<section>
<h2>sous-titre mon article</h2>
<p>texte de mon sous-titre</p>
<figure>
<a href="mon-url"><img src="url-de-mon-image" alt="nom-de-mon-image"></a>
</figure>
</section>
</article>
<!-- article n°2 -->
</div>
<footer>
<!-- menu du bas -->
</footer>
</body>
</html>