SEND all files + questionnaires + json + data_tests

public/codes/html/sauts_de_lignes.txt

@@ -0,0 +1,32 @@
+<link rel="stylesheet" type="text/css" href="./assets/css/style_demo_link.css" />
+
+Utiliser <code>hr</code> et <code>br</code> pour couper dans le texte
+Créer également 2 paragraphes <code>p</code>
+placer ensuite l'image dans le text
+<codescape class="html">
+<img src="./assets/img/cat_mimi.jpg">
+</codescape>
+<img src="./assets/img/cat_mimi.jpg">
+La feuille de style <a href="./assets/css/style_demo_link.css">style_demo_link.css</a> doit affecter l'image et l'un des paragraphes créés...
+
+<button type="button" class="collapsible">Open Collapsible</button>
+<div class="coll_content">
+NB: comme <code>img</code> et d'autres éléments, <code>br</code> et <code>hr</code>... sont des éléments différents de bien d'autres, ils n'ont pas besoin de contenir quelquechos pour créer un élément...
+<code>img</code> ou <code>link</code> chargent des contenus (ils se suffisent à eux même)
+<code>br</code> et <code>hr</code> créent un saut de ligne, une séparation.
+
+<codescape class="html">
+<img src="./assets/img/cat_mimi.jpg">
+</codescape>
+<img src="./assets/img/cat_mimi.jpg">
+
+<codescape class="html">
+<link rel="stylesheet" type="text/css" href="./assets/css/style_demo_link.css" />
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+</codescape>
+<img src="./assets/img/cat_mimi.jpg">
+
+<code>meta</code> ou <code>link</code> changent des comportements contextuels (meta) de la paragraphe
+<code>link</code> charge une <a href="./assets/css/style_demo_link.css">feuille de style</a>, la <code>meta</code> ici rend la page "responsive" : le contenu s'adapte sur les petits écran (portables)
+Des sites comme <a href="https://www.heymeta.com/" target="_blank">https://www.heymeta.com/</a> permettent d'afficher les meta d'un site/page...
+</div>