JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="fr"><!--Il est dit dans le livre qu'on peut coder <lang="fr"> ... ça ne fonctionne pas; la syntaxe ne semble pas accèptée-->
	
<head>
		<title>Encodage avec livre></title>
		<meta charset="utf-8"/>
	<script type="text/javascript">
		document.createElement ("main");
		document.createElement ("header");
		document.createElement ("footer");
		document.createElement ("section");
		document.createElement ("aside");
		document.createElement ("nav");
		document.createElement ("article");
		document.createElement ("figure");
	</script>

<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

</head>
<body
	 style="background-color:lightgrey;"><!--Couleur de fond de la page en gris-->
		<h1><!--Texte de niveau 1-->
				<p align=center
				style="color:yellow">DIFFERENTS ESSAIS DE SCRIPTS<!--Colore le titre en jaune/ Titre centré avec p align=center-->
				</p>
		</h1>
<header>
		<h4>
			<p
			style="color:yellow">Ma page Web
			</p>
		</h4>
</header>

<header>
	<h1 style="color:yellow">Titre principal</h1><!--Peut servir en entête de page-->
		<img src="mdn-logo-sm.png" alt="MDN logo">
</header>

<article>
  <header>
    <h2 style="color:yellow">Les balises HTML</h2>
    <p style="color:yellow">Publié le <time datetime="2017-10-04">10/04/2017</time> Par Andrzejewski Rodolphe</p>
  </header>
	<p>Liste complète avec syntaxe</p>
	<p><a href="https://www.codeshttp.com/toutes-les-balises-html-liste-complete-avec-syntaxe.html">Pour consulter la liste</a></p><!-- href renvoie vers un URL, en relatif(local), ou en absolu(Web).-->
</article>	
<article>
<header>
	<h2 style="color:yellow">L'élément header</h2>
	<p><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/header"> Pour consulter la page</a></p><!--Fermer la page du site désactive l'éxecution; faire un retour arrière-->
</header>
</article>	

<article>
<header>
	<h2 style="color:yellow">L'élément article</h2>
	<p><a...