{"id":417,"date":"2020-03-31T17:46:47","date_gmt":"2020-03-31T15:46:47","guid":{"rendered":"http:\/\/graphizm.fr\/greta\/?p=417"},"modified":"2025-11-06T21:03:12","modified_gmt":"2025-11-06T20:03:12","slug":"identifier-structure-html-page-web","status":"publish","type":"post","link":"https:\/\/graphizm.fr\/greta\/fcs\/identifier-structure-html-page-web\/","title":{"rendered":"Identifier la structure HTML d&rsquo;une page Web"},"content":{"rendered":"\n<p class=\"has-subtle-background-background-color has-background\">Nous allons voir dans ce cours comment se structure simplement <strong>une page HTML<\/strong>. Nous collecterons des informations sur le sujet. Nous verrons ensuite comment <strong>cr\u00e9er une page Web<\/strong> en r\u00e9cup\u00e9rant un code simple et en l&rsquo;int\u00e9grant dans un fichier <strong>avec l&rsquo;\u00e9diteur de code<\/strong> <strong>Brackets<\/strong>. Je vous inviterai alors \u00e0 personnaliser le contenu r\u00e9dactionnel du code source.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/fcil\/connaitre-code-source\/#0\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"535\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/titre-pourquoi-connaitre-code-source-1024x535.png\" alt=\"\" class=\"wp-image-524\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/titre-pourquoi-connaitre-code-source-1024x535.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/titre-pourquoi-connaitre-code-source-600x314.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/titre-pourquoi-connaitre-code-source-768x401.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/titre-pourquoi-connaitre-code-source-1200x627.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/titre-pourquoi-connaitre-code-source.png 1389w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Sommaire<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #6b6b6b;color:#6b6b6b\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #6b6b6b;color:#6b6b6b\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/identifier-structure-html-page-web\/#La_structure_elementaire_dune_page_Web\" >La structure \u00e9l\u00e9mentaire d&rsquo;une page Web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/identifier-structure-html-page-web\/#En_savoir_plus_a_ce_sujet_en_bonus%E2%80%A6\" >En savoir plus \u00e0 ce sujet (en bonus&#8230;)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/identifier-structure-html-page-web\/#Test_de_connaissance_facultatif\" >Test de connaissance (facultatif)<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"La_structure_elementaire_dune_page_Web\"><\/span>La structure \u00e9l\u00e9mentaire d&rsquo;une page Web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Voici deux sch\u00e9mas pr\u00e9sentant la structure \u00e9l\u00e9mentaire d&rsquo;une page HTML (on dit aussi page Web&#8230;). Le premier est un <strong>sch\u00e9ma en arbre<\/strong>, le second un <strong>sch\u00e9ma en cadres imbriqu\u00e9s<\/strong>. Dans la \u00ab\u00a0vraie vie\u00a0\u00bb, il s&rsquo;agit de lignes de code positionn\u00e9es les unes sous les autres.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-page-html-arbre.png\"><img loading=\"lazy\" decoding=\"async\" width=\"569\" height=\"418\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-page-html-arbre.png\" alt=\"\" class=\"wp-image-419\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-page-html-cadres.png\"><img loading=\"lazy\" decoding=\"async\" width=\"973\" height=\"545\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-page-html-cadres.png\" alt=\"\" class=\"wp-image-420\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-page-html-cadres.png 973w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-page-html-cadres-600x336.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-page-html-cadres-768x430.png 768w\" sizes=\"auto, (max-width: 973px) 100vw, 973px\" \/><\/a><\/figure>\n\n\n\n<p>Dans le second sch\u00e9ma, les textes sont en anglais. Le premier texte <em>(Page title)<\/em> est plac\u00e9 <strong>entre &lt;title&gt; et &lt;\/title&gt;<\/strong>, deux balises HTML indiquant au navigateur o\u00f9 commence et o\u00f9 se termine <strong>le titre de la page<\/strong>. Ce titre de page s&rsquo;affiche dans l&rsquo;onglet de la fen\u00eatre active. <\/p>\n\n\n\n<p class=\"has-accent-background-color has-background\">Attention \u00e0 <strong>ne pas confondre<\/strong> le titre de la page avec le titre des contenus de la page (entre balise &lt;h1&gt; et &lt;\/h1&gt;).<\/p>\n\n\n\n<p>Le titre de la page est plac\u00e9 dans <strong>la t\u00eate du code source<\/strong>. La t\u00eate de code source est<strong> d\u00e9limit\u00e9e par les balises &lt;head&gt; et &lt;\/head&gt;<\/strong>. <\/p>\n\n\n\n<p class=\"has-accent-background-color has-background\">Attention \u00e0 <strong>ne pas confondre<\/strong> &lt;head&gt; et &lt;header&gt;. La balise &lt;head&gt; d\u00e9limite l&rsquo;ent\u00eate de la page. La balise &lt;header&gt; d\u00e9limite l&rsquo;ent\u00eate d&rsquo;un article ou d&rsquo;une section dans le corps de la page. Dans les sch\u00e9mas simplifi\u00e9s pr\u00e9sent\u00e9s dans ce cours, la balise &lt;header&gt; n&rsquo;est pas utilis\u00e9e.<\/p>\n\n\n\n<p><strong>Le titre des contenus de la page<\/strong> (le GRAND titre devant sauter aux yeux du lecteur&#8230;) se trouve positionn\u00e9 entre les balises &lt;h1&gt; et &lt;\/h1&gt;, au tout d\u00e9but de la bo\u00eete d\u00e9limit\u00e9e par &lt;body&gt; et &lt;\/body&gt;. Dans le sch\u00e9ma en bo\u00eete pr\u00e9sent\u00e9 plus haut ce titre est en anglais <em>(This is a heading)<\/em>, autrement dit \u201cCeci est un titre\u201d.<\/p>\n\n\n\n<p class=\"has-accent-background-color has-background\">Attention \u00e0 ne pas confondre &lt;header&gt; (la balise HTML) et le mot anglais \u201c<em>header<\/em>\u201d ou le mot anglais \u201cheading\u201d signifiant tous les deux \u201cent\u00eate\u201d.<\/p>\n\n\n\n<p>Sous le grand titre, nomm\u00e9 aussi \u201ctitre de niveau\u00a01\u201d <em>(header one)<\/em>, se trouvent <strong>deux paragraphes<\/strong>. Je vous montre maintenant ce que cela donnerait sous la forme \u00ab\u00a0code source\u00a0\u00bb, apr\u00e8s <strong>traduction des textes en fran\u00e7ais<\/strong> (<em>pour les balises elles-m\u00eame\u00a0: d\u00e9fense absolue de les traduire, les navigateurs ne comprennent pas le fran\u00e7ai<\/em>s&#8230;). Les lignes roses montrent les bo\u00eetes ou cadres imbriqu\u00e9s.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-page-html-code2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"959\" height=\"457\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-page-html-code2.png\" alt=\"\" class=\"wp-image-447\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-page-html-code2.png 959w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-page-html-code2-600x286.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-page-html-code2-768x366.png 768w\" sizes=\"auto, (max-width: 959px) 100vw, 959px\" \/><\/a><\/figure>\n\n\n\n<p>Je vous montre maintenant la structure HTML d&rsquo;une page Web simple , disponible sur le site <a href=\"https:\/\/www.w3schools.com\/html\/default.asp\" target=\"_blank\" rel=\"noreferrer noopener\">w3schools.com<\/a>&#8230; en anglais. En cliquant sur le bouton <strong>\u201cTry It Yourself\u201d<\/strong>, vous pourrez <strong>visualiser un aper\u00e7u de cette page Web<\/strong> dans une fen\u00eatre de pr\u00e9visualisation.<\/p>\n\n\n\n<p class=\"has-accent-background-color has-background\">Attention&nbsp;: si vous demandez la <strong>traduction automatique<\/strong> du site w3schools, les balises seront traduites sur la page du site. Elles resteront en anglais si vous cliquez sur le bouton \u201cEssayez-le vous-m\u00eame\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-html-elementaire.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-html-elementaire-1024x473.png\" alt=\"\" class=\"wp-image-7443\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-html-elementaire-1024x473.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-html-elementaire-600x277.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-html-elementaire-768x355.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-html-elementaire-1536x710.png 1536w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-html-elementaire-1200x555.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-html-elementaire-1980x915.png 1980w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/03\/structure-html-elementaire.png 2034w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Les fl\u00e8ches bleues montrent les \u00e9l\u00e9ments HTML d\u00e9j\u00e0 rencontr\u00e9s dans la structure \u00e9l\u00e9mentaire \u00e9tudi\u00e9e plus haut. Je vous rappelle que la balise &lt;!DOCTYPE html> indique au navigateur que la page est cod\u00e9 en langage HTML version 5.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">En compl\u00e9ment de ce cours, j&rsquo;ai mis en ligne un autre cours dans lequel j&rsquo;aborde de mani\u00e8re un peu diff\u00e9rente le m\u00eame sujet (la structure HTML \u00e9l\u00e9mentaire). Le cours s&rsquo;intitule <a href=\"http:\/\/graphizm.fr\/fcs\/manipulation-code-source\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Manipuler le code source avec un \u00e9diteur de texte\/code<\/strong><\/a> et propose d&rsquo;examiner le code source d&rsquo;une page Web consacr\u00e9e aux pangrammes pour se familiariser avec le langage HTML.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>J&rsquo;ai r\u00e9alis\u00e9 une courte BD en ligne pour insister sur les fonctions du \u201chead\u201d et du \u201cbody\u201d, de fa\u00e7on plus \u201ccool\u201d&#8230;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/fcil\/head-et-body\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/titre-head-and-body-1024x574.png\" alt=\"Pr\u00e9sentation de la BD en ligne consacr\u00e9e \u00e0 la section &quot;head&quot; et la la section &quot;body&quot; dans le code source d'une page HTML.\" class=\"wp-image-582\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/titre-head-and-body-1024x574.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/titre-head-and-body-600x336.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/titre-head-and-body-768x430.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/titre-head-and-body-1200x672.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/titre-head-and-body.png 1242w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">\u279c Vous pouvez aussi visionner la courte vid\u00e9o du cours consacr\u00e9 \u00e0 la structure HTML sur <a href=\"https:\/\/apprendre-a-coder.com\/courses\/apprendre-html-css\/lessons\/bases-html\/topic\/html-structure\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>apprendre-a-coder.com<\/strong><\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"En_savoir_plus_a_ce_sujet_en_bonus%E2%80%A6\"><\/span>En savoir plus \u00e0 ce sujet (en bonus&#8230;)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>R\u00e9f\u00e9rence incontournable en mati\u00e8re de documentation sur les langage de codage pour le Web, le site de la fondation Mozilla, MDN web docs, est LE site o\u00f9 tout est dit. On y trouve\u00a0un<strong> tutoriel<\/strong>\u00a0intitul\u00e9\u00a0<a href=\"https:\/\/developer.mozilla.org\/fr\/docs\/Apprendre\/HTML\/%C3%89crire_une_simple_page_HTML\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>\u00c9crire une simple page HTML<\/strong><\/a>. Cela commence assez facilement\u2026 mais vous verrez que les choses se compliquent rapidement.<\/p>\n\n\n\n<p>Le site\u00a0<a href=\"https:\/\/www.w3schools.com\/howto\/howto_make_a_website.asp\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>w3schools.com<\/strong><\/a>, que nous avons mentionn\u00e9 plus haut, permet d\u2019apprendre seul le HTML et de nombreux autres langages de codage. Un des points fort de ce site est son\u00a0<strong>outil de test du code<\/strong>\u00a0ou\u00a0<strong>bac \u00e0 sable<\/strong>\u00a0(bouton \u201c<em>Try it Yourself<\/em>\u201d ou \u201c<em>Essayez-le vous-m\u00eame<\/em>\u201d\u00a0).<\/p>\n\n\n\n<p>Pour les plus int\u00e9ress\u00e9s d&rsquo;entre vous, je recommande vivement de\u00a0s\u2019inscrire aux <strong>cours gratuits<\/strong> de\u00a0<a href=\"https:\/\/www.codecademy.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>codecademy.com<\/strong><\/a>. Le cours de HTML est tr\u00e8s bien con\u00e7u. Codecademy propose aussi des cours payants, \u00e0 un niveau plus \u00e9lev\u00e9.<\/p>\n\n\n\n<p><strong>Pour les inconditionnels de la vid\u00e9o<\/strong>, il existe de bonnes cha\u00eenes YouTube consacr\u00e9es au sujet Pour les plus exigeants, allez plut\u00f4t voir du c\u00f4t\u00e9 de\u00a0<a href=\"https:\/\/www.youtube.com\/playlist?list=PLjwdMgw5TTLUeixVGPNl1uZNeJy4UY6qX\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>grafikart.fr<\/strong><\/a>,\u00a0c\u2019est gratuit, c&rsquo;est sur YouTube mais c\u2019est plus professionnel\u2026 et donc un peu plus difficile \u00e0 appliquer.<\/p>\n\n\n\n<p>Il existe aussi une s\u00e9rie de vid\u00e9os payantes sur le site\u00a0<strong><a href=\"https:\/\/www.udemy.com\/course\/creez-votre-site-web-avec-html5-et-css3\/\" target=\"_blank\" rel=\"noreferrer noopener\">udemy.com<\/a>\u00a0<\/strong>(mais avec des\u00a0<strong>\u00e9chantillons gratuits<\/strong>\u00a0qui traitent des bonnes raisons d\u2019apprendre \u00e0 coder). <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Test_de_connaissance_facultatif\"><\/span>Test de connaissance (facultatif)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>Un petit test de connaissances<\/strong>\u00a0est disponible sur ce site. V\u00e9rifiez vos connaissances fra\u00eechement acquises en allant sur\u00a0<a href=\"http:\/\/graphizm.fr\/greta\/fcs\/identifier-elements-structure-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">Identifier les \u00e9l\u00e9ments de la structure HTML<\/a><\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Nous allons voir dans ce cours comment se structure simplement une page HTML. Nous collecterons des informations sur le sujet. Nous verrons ensuite comment cr\u00e9er une page Web en r\u00e9cup\u00e9rant un code simple et en l&rsquo;int\u00e9grant dans un fichier avec l&rsquo;\u00e9diteur de code Brackets. Je vous inviterai alors \u00e0 personnaliser le contenu r\u00e9dactionnel du code [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,15,17,11],"tags":[],"class_list":["post-417","post","type-post","status-publish","format-standard","hentry","category-fcs","category-fcs1-cours","category-rwrn","category-rwrn-cours"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","twentytwenty-fullscreen":""},"post_excerpt_stackable_v2":"<p>Nous allons voir dans ce cours comment se structure simplement une page HTML. Nous collecterons des informations sur le sujet. Nous verrons ensuite comment cr\u00e9er une page Web en r\u00e9cup\u00e9rant un code simple et en l&rsquo;int\u00e9grant dans un fichier avec l&rsquo;\u00e9diteur de code Brackets. Je vous inviterai alors \u00e0 personnaliser le contenu r\u00e9dactionnel du code source. Sommaire Toggle La structure \u00e9l\u00e9mentaire d&rsquo;une page WebEn savoir plus \u00e0 ce sujet (en bonus&#8230;)Test de connaissance (facultatif) La structure \u00e9l\u00e9mentaire d&rsquo;une page Web Voici deux sch\u00e9mas pr\u00e9sentant la structure \u00e9l\u00e9mentaire d&rsquo;une page HTML (on dit aussi page Web&#8230;). Le premier est un sch\u00e9ma\u2026<\/p>","category_list_v2":"<a href=\"https:\/\/graphizm.fr\/greta\/category\/fcs\/\" rel=\"category tag\">FCS<\/a>, <a href=\"https:\/\/graphizm.fr\/greta\/category\/fcs\/fcs1-cours\/\" rel=\"category tag\">FCS1-cours<\/a>, <a href=\"https:\/\/graphizm.fr\/greta\/category\/rwrn\/\" rel=\"category tag\">RWRN<\/a>, <a href=\"https:\/\/graphizm.fr\/greta\/category\/rwrn\/rwrn-cours\/\" rel=\"category tag\">RWRN-cours<\/a>","author_info_v2":{"name":"Yves Goguely","url":"https:\/\/graphizm.fr\/greta\/author\/formationsgreta\/"},"comments_num_v2":"0 commentaire","_links":{"self":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/comments?post=417"}],"version-history":[{"count":175,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/417\/revisions"}],"predecessor-version":[{"id":7468,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/417\/revisions\/7468"}],"wp:attachment":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/media?parent=417"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/categories?post=417"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/tags?post=417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}