Mini-site Pop Art (3 pages reli\u00e9es)<\/title>\n<\/head>\n\n<body>\n <h1>Mini-site Pop Art : 3 pages HTML reli\u00e9es<\/h1>\n\n <p>Objectif : cr\u00e9er 3 pages (index.html, page1.html, page2.html) et les relier avec des liens.<\/p>\n\n <hr>\n\n <h2>Sch\u00e9ma (fil de fer \/ wireframe)<\/h2>\n <pre>\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n\u2502 index.html \u2502\n\u2502 Titre + texte (20 mots) \u2502\n\u2502 Menu : [Page 1] [Page 2] \u2502\n\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n \u2502\n \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n \u2502 \u2502\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510 \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n\u2502 page1.html \u2502 \u2502 page2.html \u2502\n\u2502 texte 20 \u2502 \u2502 texte 20 \u2502\n\u2502 Liens menu \u2502 \u2502 Liens menu \u2502\n\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2518 \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n \u2502\n retour index\n <\/pre>\n\n <hr>\n\n <h2>\u00c9tape 1 \u2014 Cr\u00e9ez 3 fichiers<\/h2>\n <ul>\n <li><code>index.html<\/code><\/li>\n <li><code>page1.html<\/code><\/li>\n <li><code>page2.html<\/code><\/li>\n <\/ul>\n\n <h2>\u00c9tape 2 \u2014 Copiez\/collez le code de chaque page<\/h2>\n\n <h3>1) index.html<\/h3>\n <pre><code><!doctype html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"utf-8\">\n <title>Pop Art \u2014 Accueil<\/title>\n<\/head>\n<body>\n\n <h1>Pop Art \u2014 Accueil<\/h1>\n\n <nav>\n <a href=\"index.html\">Accueil<\/a> |\n <a href=\"page1.html\">Page 1<\/a> |\n <a href=\"page2.html\">Page 2<\/a>\n <\/nav>\n\n <hr>\n\n <p>Le Pop Art transforme objets quotidiens en images frappantes, m\u00eale publicit\u00e9 et art, r\u00e9p\u00e8te des ic\u00f4nes et questionne la consommation moderne.<\/p>\n\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n <h3>2) page1.html<\/h3>\n <pre><code><!doctype html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"utf-8\">\n <title>Pop Art \u2014 Page 1<\/title>\n<\/head>\n<body>\n\n <h1>Pop Art \u2014 Page 1<\/h1>\n\n <nav>\n <a href=\"index.html\">Accueil<\/a> |\n <a href=\"page1.html\">Page 1<\/a> |\n <a href=\"page2.html\">Page 2<\/a>\n <\/nav>\n\n <hr>\n\n <p>Couleurs vives, aplats et contours nets : le Pop Art d\u00e9tourne la culture de masse et met l\u2019image au premier plan.<\/p>\n\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n <h3>3) page2.html<\/h3>\n <pre><code><!doctype html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"utf-8\">\n <title>Pop Art \u2014 Page 2<\/title>\n<\/head>\n<body>\n\n <h1>Pop Art \u2014 Page 2<\/h1>\n\n <nav>\n <a href=\"index.html\">Accueil<\/a> |\n <a href=\"page1.html\">Page 1<\/a> |\n <a href=\"page2.html\">Page 2<\/a>\n <\/nav>\n\n <hr>\n\n <p>Warhol s\u00e9rigraphie des c\u00e9l\u00e9brit\u00e9s, Lichtenstein imite la BD : le Pop Art joue avec reproduction, ironie et fascination m\u00e9diatique.<\/p>\n\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n <hr>\n\n <h2>Contr\u00f4le rapide<\/h2>\n <ol>\n <li>Enregistrez les 3 fichiers dans le m\u00eame dossier.<\/li>\n <li>Ouvrez <code>index.html<\/code> dans votre navigateur.<\/li>\n <li>Cliquez sur Page 1 et Page 2 : les liens doivent fonctionner dans les deux sens.<\/li>\n <\/ol>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Mini-site Pop Art (3 pages reli\u00e9es) Mini-site Pop Art : 3 pages HTML reli\u00e9es Objectif : cr\u00e9er 3 pages (index.html,<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1401","post","type-post","status-publish","format-standard","hentry","category-non-classe","comments-off"],"_links":{"self":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/comments?post=1401"}],"version-history":[{"count":3,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1401\/revisions"}],"predecessor-version":[{"id":1416,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1401\/revisions\/1416"}],"wp:attachment":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/media?parent=1401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/categories?post=1401"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/tags?post=1401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1401,"date":"2026-02-05T19:53:30","date_gmt":"2026-02-05T19:53:30","guid":{"rendered":"https:\/\/mytribu.fr\/cmopc\/?p=1401"},"modified":"2026-02-05T20:11:17","modified_gmt":"2026-02-05T20:11:17","slug":"1401-2","status":"publish","type":"post","link":"http:\/\/mytribu.fr\/cmopc\/1401-2\/","title":{"rendered":"Le lien hypertexte (h ref)"},"content":{"rendered":"\n\n\n\n \n Mini-site Pop Art (3 pages reli\u00e9es)<\/title>\n<\/head>\n\n<body>\n <h1>Mini-site Pop Art : 3 pages HTML reli\u00e9es<\/h1>\n\n <p>Objectif : cr\u00e9er 3 pages (index.html, page1.html, page2.html) et les relier avec des liens.<\/p>\n\n <hr>\n\n <h2>Sch\u00e9ma (fil de fer \/ wireframe)<\/h2>\n <pre>\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n\u2502 index.html \u2502\n\u2502 Titre + texte (20 mots) \u2502\n\u2502 Menu : [Page 1] [Page 2] \u2502\n\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n \u2502\n \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n \u2502 \u2502\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510 \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n\u2502 page1.html \u2502 \u2502 page2.html \u2502\n\u2502 texte 20 \u2502 \u2502 texte 20 \u2502\n\u2502 Liens menu \u2502 \u2502 Liens menu \u2502\n\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2518 \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n \u2502\n retour index\n <\/pre>\n\n <hr>\n\n <h2>\u00c9tape 1 \u2014 Cr\u00e9ez 3 fichiers<\/h2>\n <ul>\n <li><code>index.html<\/code><\/li>\n <li><code>page1.html<\/code><\/li>\n <li><code>page2.html<\/code><\/li>\n <\/ul>\n\n <h2>\u00c9tape 2 \u2014 Copiez\/collez le code de chaque page<\/h2>\n\n <h3>1) index.html<\/h3>\n <pre><code><!doctype html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"utf-8\">\n <title>Pop Art \u2014 Accueil<\/title>\n<\/head>\n<body>\n\n <h1>Pop Art \u2014 Accueil<\/h1>\n\n <nav>\n <a href=\"index.html\">Accueil<\/a> |\n <a href=\"page1.html\">Page 1<\/a> |\n <a href=\"page2.html\">Page 2<\/a>\n <\/nav>\n\n <hr>\n\n <p>Le Pop Art transforme objets quotidiens en images frappantes, m\u00eale publicit\u00e9 et art, r\u00e9p\u00e8te des ic\u00f4nes et questionne la consommation moderne.<\/p>\n\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n <h3>2) page1.html<\/h3>\n <pre><code><!doctype html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"utf-8\">\n <title>Pop Art \u2014 Page 1<\/title>\n<\/head>\n<body>\n\n <h1>Pop Art \u2014 Page 1<\/h1>\n\n <nav>\n <a href=\"index.html\">Accueil<\/a> |\n <a href=\"page1.html\">Page 1<\/a> |\n <a href=\"page2.html\">Page 2<\/a>\n <\/nav>\n\n <hr>\n\n <p>Couleurs vives, aplats et contours nets : le Pop Art d\u00e9tourne la culture de masse et met l\u2019image au premier plan.<\/p>\n\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n <h3>3) page2.html<\/h3>\n <pre><code><!doctype html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"utf-8\">\n <title>Pop Art \u2014 Page 2<\/title>\n<\/head>\n<body>\n\n <h1>Pop Art \u2014 Page 2<\/h1>\n\n <nav>\n <a href=\"index.html\">Accueil<\/a> |\n <a href=\"page1.html\">Page 1<\/a> |\n <a href=\"page2.html\">Page 2<\/a>\n <\/nav>\n\n <hr>\n\n <p>Warhol s\u00e9rigraphie des c\u00e9l\u00e9brit\u00e9s, Lichtenstein imite la BD : le Pop Art joue avec reproduction, ironie et fascination m\u00e9diatique.<\/p>\n\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n <hr>\n\n <h2>Contr\u00f4le rapide<\/h2>\n <ol>\n <li>Enregistrez les 3 fichiers dans le m\u00eame dossier.<\/li>\n <li>Ouvrez <code>index.html<\/code> dans votre navigateur.<\/li>\n <li>Cliquez sur Page 1 et Page 2 : les liens doivent fonctionner dans les deux sens.<\/li>\n <\/ol>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Mini-site Pop Art (3 pages reli\u00e9es) Mini-site Pop Art : 3 pages HTML reli\u00e9es Objectif : cr\u00e9er 3 pages (index.html,<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1401","post","type-post","status-publish","format-standard","hentry","category-non-classe","comments-off"],"_links":{"self":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/comments?post=1401"}],"version-history":[{"count":3,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1401\/revisions"}],"predecessor-version":[{"id":1416,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1401\/revisions\/1416"}],"wp:attachment":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/media?parent=1401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/categories?post=1401"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/tags?post=1401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}