{"id":17,"date":"2023-12-21T21:07:39","date_gmt":"2023-12-21T21:07:39","guid":{"rendered":"https:\/\/yzaz.net\/html\/?page_id=17"},"modified":"2024-11-03T09:54:48","modified_gmt":"2024-11-03T09:54:48","slug":"regles-de-base","status":"publish","type":"page","link":"https:\/\/yzaz.net\/html\/regles-de-base\/","title":{"rendered":"R\u00e8gles de base"},"content":{"rendered":"<p>Le HTML utilise des balises. Toute balise doit \u00eatre ouverte et doivent \u00e9galement \u00eatre ferm\u00e9es.<\/p>\n<p>Une balise se pr\u00e9sente sous la forme &lt;blabla&gt;, avec un &lt; et un &gt;.<\/p>\n<p>Les balises se referment avec &lt;\/ blabla&gt;, \/ \u00e9tant l&#8217;\u00e9l\u00e9ment fermant. Certaines balises se ferment \u00e0 l&#8217;int\u00e9rieur (et \u00e0 la fin) d&#8217;elles-m\u00eames. Dans ce cas, la barre transversale doit \u00eatre plac\u00e9e juste avant le &gt; final. Exemple : &lt;br \/&gt;.<\/p>\n<p>Les balises ont les deux formes suivantes :<\/p>\n<p>&lt; blabla&gt; quelque chose &lt;\/ blabla&gt;<\/p>\n<p>ou bien :<\/p>\n<p>&lt; blabla \/&gt;<\/p>\n<p>Il n&#8217;existe aucune autre forme possible.<\/p>\n<p><strong>Les attributs<\/strong><\/p>\n<p>Les balises acceptent parfois des options, qu&#8217;on appelle des attributs : dans &lt;blabla type=&#8221;bouf&#8221; \/&gt;, blabla est l&#8217;\u00e9l\u00e9ment, type l&#8217;attribut, et &#8220;boub&#8221; la valeur de l&#8217;attribut.<\/p>\n<p><strong>Commentaires <\/strong><\/p>\n<p>Les commentaires s&#8217;ins\u00e8rent entre &lt;!&#8211; et &#8211;&gt;. A l&#8217;int\u00e9rieur de commentaires.<\/p>\n<p>On ne peut pas placer de commentaires \u00e0 l&#8217;int\u00e9rieur d&#8217;un \u00e9l\u00e9ment (balise).<\/p>\n<h3>R\u00e8gles g\u00e9n\u00e9rales<\/h3>\n<p>Toutes les balises doivent \u00eatre referm\u00e9es.<\/p>\n<p>Toute partie de la page doit \u00eatre contenue dans (au moins) une balise.<\/p>\n<p>Les balises doivent \u00eatre ouvertes et referm\u00e9es dans l&#8217;ordre.<\/p>\n<p>Il ne faut pas \u00e9crire :<\/p>\n<p>&lt;p&gt; Du texte, &lt;em&gt; c\u2019est vrai.&lt;\/p&gt;&lt;\/em&gt;<\/p>\n<p>mais :<\/p>\n<p>&lt;p&gt; Du texte, &lt;em&gt; c\u2019est vrai.&lt;\/em&gt; &lt;\/p&gt;<\/p>\n<p>Il faut refermer la balise &lt;em&gt; avant &lt;p&gt;, car on l&#8217;a ouverte apr\u00e8s.<\/p>\n<h3>Les balises<\/h3>\n<p>Chaque balise \u00e0 un nom: par convention, on \u00e9cris la balise, entre les signes <strong><<\/strong> et <strong>><\/strong>.<br \/>\nles balises s\u2019\u00e9crivent en minuscule.<br \/>\nChaque balise ouverte dois \u00eatre referm\u00e9.<\/p>\n<p>Il existe deux type de balise :<\/p>\n<ul>\n<li>Les balises classiques : une balise d\u2019ouverture et une balise de fermeture dont le nom est pr\u00e9c\u00e9d\u00e9 par le symbole <strong>\/<\/strong> (flash).\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;p&gt;Ceci est un paragraphe&lt;\/p&gt;\r\n<\/pre>\n<\/li>\n<li>Les balises se refermant seules.<br \/>\nExp: <strong>br<\/strong> pour faire un saut de ligne.<\/li>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\nIns\u00e9rer un saut de ligne apr\u00e8s ce mot &lt;br \/&gt;\r\n<\/pre>\n<\/ul>\n<h3>Balise imbriqu\u00e9e et h\u00e9ritage<\/h3>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;p&gt;Ceci est un &lt;strong&gt;petit texte&lt;\/strong&gt;&lt;\/p&gt;\r\n<\/pre>\n<p>L\u2019ordre de fermeture : On commence toujours par referm\u00e9 les balises ouverte en derniers.<br \/>\nL\u2019h\u00e9ritage : Les balises <strong>&lt;strong&gt; <\/strong>et <strong>&lt;\/strong&gt;<\/strong> \u00e9tant imbriqu\u00e9es dans les balises <strong>&lt;p&gt;<\/strong> et <strong>&lt;\/p&gt;<\/strong>.<br \/>\nLa balise <strong> &lt;strong&gt;<\/strong> h\u00e9rite des propri\u00e9t\u00e9s de la balise <strong>&lt;p&gt;<\/strong>.<br \/>\nPar exemple, ci vous avez donn\u00e9 une couleur de texte verte \u00e0 la balise <strong>&lt;p&gt;<\/strong>, la balise <strong>&lt;strong&gt;<\/strong> lui appartenant affichera donc le texte qu\u2019elle encadre en vert.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le HTML utilise des balises. Toute balise doit \u00eatre ouverte et doivent \u00e9galement \u00eatre ferm\u00e9es. Une balise se pr\u00e9sente sous la forme &lt;blabla&gt;, avec un &lt; et un &gt;. Les balises se referment avec &lt;\/ blabla&gt;, \/ \u00e9tant l&#8217;\u00e9l\u00e9ment fermant. Certaines balises se ferment \u00e0 l&#8217;int\u00e9rieur (et \u00e0 la fin) d&#8217;elles-m\u00eames. Dans ce cas, la barre transversale doit \u00eatre plac\u00e9e<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/pages\/17"}],"collection":[{"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":1,"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/pages\/17\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}