2019-10-04 19:04:53 +02:00
|
|
|
<!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 -->
|
2019-10-04 19:23:05 +02:00
|
|
|
<link rel="stylesheet" href="style.css" media="screen">
|
2019-10-04 19:04:53 +02:00
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
2019-10-04 19:32:11 +02:00
|
|
|
<header id="page-header">
|
2019-10-04 19:04:53 +02:00
|
|
|
<!-- menu du haut -->
|
|
|
|
<nav>
|
|
|
|
<ul>
|
|
|
|
<li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li>
|
|
|
|
<li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li>
|
|
|
|
<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 -->
|
|
|
|
<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>
|
|
|
|
</div>
|
|
|
|
|
2019-10-04 19:32:11 +02:00
|
|
|
<footer id="main-footer">
|
2019-10-04 19:04:53 +02:00
|
|
|
<!-- menu du bas -->
|
|
|
|
<nav>
|
|
|
|
<ul>
|
|
|
|
<li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li>
|
|
|
|
<li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li>
|
|
|
|
<li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li>
|
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|