{"id":124,"date":"2022-01-02T22:00:31","date_gmt":"2022-01-02T21:00:31","guid":{"rendered":"http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/?p=124"},"modified":"2022-01-02T22:00:31","modified_gmt":"2022-01-02T21:00:31","slug":"web-et-html","status":"publish","type":"post","link":"http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/2022\/01\/02\/web-et-html\/","title":{"rendered":"WEB et HTML"},"content":{"rendered":"\n<p>Le HTML est l&rsquo;un des langages lisibles par les syst\u00e8mes informatiques qui permettent des interactions entre les ordinateurs et les \u00eatres humains. Il permet de d\u00e9finir et de structurer les \u00e9l\u00e9ments typiques d&rsquo;un document textuel tels que\u00a0<strong>les titres, paragraphes, listes, tableaux ou graphiques<\/strong>, tout en les marquant en cons\u00e9quence. La repr\u00e9sentation visuelle est r\u00e9alis\u00e9e \u00e0 l&rsquo;aide du navigateur Web qui interpr\u00e8te les lignes de code pour ensuite afficher les diff\u00e9rents \u00e9l\u00e9ments. En outre, le code HTML peut contenir des informations sous forme de\u00a0<strong>m\u00e9tadonn\u00e9es<\/strong>. De nos jours, le HTML est principalement utilis\u00e9 comme langage de balisage uniquement dans sa fonction descriptive, tandis que les\u00a0<strong>langages pour les feuilles de style comme CSS<\/strong>\u00a0(Cascading Style Sheets) sont utilis\u00e9s pour d\u00e9finir le design. Dans les d\u00e9buts du Web, cependant, il \u00e9tait assez courant de faire les ajustements visuels avec HTML. <\/p>\n\n\n\n<p>Voici un simple exemple sur l&rsquo;html que l&rsquo;on va d\u00e9taill\u00e9e  : <\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!DOCTYPE html&gt;\n&lt;html lang=\"fr\"&gt;\n   &lt;head&gt;\n      &lt;meta charset=\"utf-8\"\/&gt;\n      &lt;title&gt;HTML&lt;\/title&gt;\n   &lt;\/head&gt;\n   &lt;body&gt;\n      &lt;p&gt;Ma premi\u00e8re page cod\u00e9e en &lt;b&gt;&lt;font face=\"verdana\" color=\"red\" size=\"10\"&gt;HTML&lt;\/font&gt;&lt;\/b&gt;&lt;\/p&gt;\n   &lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<p>Pour commenc\u00e9 , on \u00e9crit cela \u00ab\u00a0&lt;!DOCTYPE html&gt;\u00a0\u00bb , ensuite On va mettre un titre pour cela on dois se munir des balises suivant \u00ab\u00a0&lt;head&gt;\u00a0\u00bb pour d\u00e9signer \u00ab\u00a0la t\u00eate de notre page ou l&rsquo;ent\u00eate puis \u00ab\u00a0&lt;title&gt;\u00a0\u00bb pour \u00e9crire son titre , apr\u00e8s on va utiliser les balises \u00ab\u00a0&lt;body&gt;\u00a0\u00bb pour le \u00ab\u00a0corps\u00a0\u00bb la ou on va pouvoir ins\u00e9rer des nos paragraphe image etc . <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Voici un petit Lexique de balise que j&rsquo;ai cr\u00e9e pour que vous puissiez codez en HTML : <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"353\" src=\"http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-content\/uploads\/sites\/3\/2022\/01\/image-1024x353.png\" alt=\"\" class=\"wp-image-125\" srcset=\"http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-content\/uploads\/sites\/3\/2022\/01\/image-1024x353.png 1024w, http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-content\/uploads\/sites\/3\/2022\/01\/image-300x103.png 300w, http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-content\/uploads\/sites\/3\/2022\/01\/image-768x265.png 768w, http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-content\/uploads\/sites\/3\/2022\/01\/image-1536x529.png 1536w, http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-content\/uploads\/sites\/3\/2022\/01\/image.png 1904w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Voil\u00e0 tout , Merci \u00e0 toi et Bonne journ\u00e9e ! <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le HTML est l&rsquo;un des langages lisibles par les syst\u00e8mes informatiques qui permettent des interactions entre les ordinateurs et les \u00eatres humains. Il permet de d\u00e9finir et de structurer les \u00e9l\u00e9ments typiques d&rsquo;un document textuel tels que\u00a0les titres, paragraphes, listes, tableaux ou graphiques, tout en les marquant en cons\u00e9quence. La repr\u00e9sentation visuelle est r\u00e9alis\u00e9e \u00e0 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-json\/wp\/v2\/posts\/124"}],"collection":[{"href":"http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-json\/wp\/v2\/comments?post=124"}],"version-history":[{"count":1,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-json\/wp\/v2\/posts\/124\/revisions"}],"predecessor-version":[{"id":126,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-json\/wp\/v2\/posts\/124\/revisions\/126"}],"wp:attachment":[{"href":"http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-json\/wp\/v2\/media?parent=124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-json\/wp\/v2\/categories?post=124"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/zakaria\/wp-json\/wp\/v2\/tags?post=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}