Bonjour à tous la communauté ! 
Voici ma version de l’exercice avancé en HTML . Dites-moi ce que vous en pensez, voici le code source de la page :
Accueil de mon blog
<!DOCTYPE html>
<html lang="fr">
<!-- * Basic page elements-->
<head>
<title>Accueil - Blog Maxence</title>
<meta charset="utf-8" />
<link rel="shorcut icon" href="img/favicone.jpg" type="image/x-icon" />
<!-- ? SEO-->
<meta name="author" content="Maxence" />
<meta
name="description"
content="Blog de Maxence, retrouvez tous ses articles."
/>
</head>
<!-- * Body of the page-->
<body>
<!-- Page header-->
<header>
<!-- ? NAV-->
<nav>
<ul>
<li><a href="https://x.fr">Maxence, qui est-ce ?</a></li>
<li><a href="an.html">L'Assemblée nationale</a></li>
<li><a href="https://x.fr">A propos</a></li>
<li><a href="https://x.fr">Contact</a></li>
</ul>
</nav>
<h1>Bienvenue sur le blog de Maxence !</h1>
<p>
Vous vous trouvez sur <strong>l'accueil</strong> du blog de Maxence.
Naviguez grâce au menu de navigation situé ci-dessus pour sélectionner
un article ou voir les nouveautés.
</p>
</header>
<!-- * Main element of the page-->
<!-- ? Popular Items-->
<h2>Liste des articles populaires 📌</h2>
<ol>
<li>
<mark><a href="https://mylene.net/">Mylène Farmer</a></mark>
</li>
<li>
<mark><a href="an.html">L'Assemblée nationale</a></mark>
</li>
<li>
<mark><a href="https://parfaitementweb.fr/">Parfaitement WEB</a></mark>
</li>
</ol>
<!-- ? Recently Added Items-->
<h2>Liste des derniers articles ajoutés 📄</h2>
<ol>
<li>
<em><a href="an.html">L'Assemblée nationale</a></em> (le 18 décembre
2022)
</li>
<li>
<em
><a href="https://x.fr"
>Ma visite prochaine de l'Assemblée nationale</a
></em
>
(le 15 décembre 2022)
</li>
<li>
<em><a href="https://x.fr">Mon exercice avancé en HTML</a></em>
(le 3 décembre 2022)
</li>
</ol>
</body>
</html>
L’article en question
<!DOCTYPE html>
<html lang="fr">
<!-- * Basic page elements-->
<head>
<title>L'Assemblée nationale - Article Blog</title>
<meta charset="utf-8" />
<link rel="shorcut icon" href="img/favicone.jpg" type="image/x-icon" />
<!-- ? SEO-->
<meta name="author" content="Maxence" />
<meta
name="description"
content="Article concernant l'Assemblée nationale, chambre basse du Parlement français sous la cinquième République."
/>
</head>
<!-- * Body of the page-->
<body>
<!-- Page header-->
<header>
<!-- ? NAV-->
<nav>
<ul>
<li><a href="https://x.fr">Maxence, qui est-ce ?</a></li>
<li><a href="index.html">Accueil</a></li>
<li><a href="https://x.fr">A propos</a></li>
<li><a href="https://x.fr">Contact</a></li>
</ul>
</nav>
<h1>🔸 L'Assemblée nationale ! 🔸</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Tempor commodo
ullamcorper a lacus vestibulum sed arcu non. Erat velit scelerisque in
dictum non consectetur a erat nam. Ut faucibus pulvinar elementum
integer enim neque. Duis tristique sollicitudin nibh sit amet commodo
nulla facilisi nullam. Ipsum dolor sit amet consectetur adipiscing elit
duis. Diam phasellus vestibulum lorem sed risus ultricies tristique.
Ullamcorper sit amet risus nullam. Quis lectus nulla at volutpat diam ut
venenatis. Bibendum at varius vel pharetra vel turpis nunc eget. Dui
nunc mattis enim ut tellus elementum sagittis. Blandit volutpat maecenas
volutpat blandit aliquam etiam erat. Malesuada proin libero nunc
consequat interdum varius sit amet mattis.
</p>
</header>
<!-- Article-->
<section>
<h2>Chambre basse, l'Assemblée nationale</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Integer enim neque
volutpat ac tincidunt vitae semper quis lectus. Faucibus in ornare quam
viverra orci. Orci nulla pellentesque dignissim enim sit amet. Sagittis
orci a scelerisque purus semper eget duis at. Purus sit amet volutpat
consequat mauris nunc congue. Praesent semper feugiat nibh sed pulvinar
proin. Dui id ornare arcu odio ut. Diam maecenas ultricies mi eget
mauris. Vitae congue mauris rhoncus aenean vel elit scelerisque mauris.
Nunc eget lorem dolor sed. Viverra orci sagittis eu volutpat odio
facilisis. Nulla facilisi morbi tempus iaculis urna id volutpat. Est
pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat
vivamus. Suspendisse faucibus interdum posuere lorem ipsum dolor. Ac
felis donec et odio pellentesque diam volutpat commodo sed. Dictum sit
amet justo donec enim diam. Id donec ultrices tincidunt arcu non. Sit
amet nisl suscipit adipiscing bibendum. Commodo ullamcorper a lacus
vestibulum sed. Congue mauris rhoncus aenean vel elit scelerisque.
Tortor pretium viverra suspendisse potenti nullam ac tortor vitae.
Egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam. Sed
viverra tellus in hac habitasse platea dictumst. Neque volutpat ac
tincidunt vitae semper quis lectus nulla. Commodo ullamcorper a lacus
vestibulum sed.
</p>
<img
srcset="img/img_an-761-407.jpg 761w, img/img_an-477-255.jpg 477w"
src="img/img_an-761-407.jpg"
alt="XVIe législature - Assemblée nationale"
width="695"
height="370"
title="Photo officielle de la XVIe législature"
sizes="(max-width: 477px) 477px, (max-width : 761px) 761px"
/>
</section>
<!-- Comment-->
<article>
<h3>Laissez un commentaire ! 💬</h3>
<!-- ? Form-->
<form id="form_comment">
<!-- TODO Long text message-->
<label for="msg">
<textarea
id="msg"
name="user_message"
required
minlength="10"
maxlength="300"
></textarea>
</label>
<!-- TODO Send button-->
<button type="submit" name="button" form="form_comment">
Envoyer le commentaire
</button>
</form>
</article>
</body>
</html>
PS : Ne prenez pas en compte de ce qui est marqué dans les commentaires, parfois, il y a « TODO », c’est pour moi, ne vous inquiétez pas !