[{"data":1,"prerenderedAt":3436},["ShallowReactive",2],{"navigation":3,"\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fhtml-css-bases":585,"\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fhtml-css-bases__counterpart":1970,"\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fhtml-css-bases__slides":2350,"annexes-memo:\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fhtml-css-bases":2770,"annexes-slides:\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fhtml-css-bases":3079},[4,224,440],{"title":5,"path":6,"stem":7,"children":8},"SNT — Seconde","\u002Fsnt-2nde","0.snt-2nde\u002F0.index",[9,10,14,36,66,92,118,144,162,184,206],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"REVIEW pédagogique — SNT 2nde","\u002Fsnt-2nde\u002Freview","0.snt-2nde\u002FREVIEW",{"title":15,"path":16,"stem":17,"children":18},"Internet","\u002Fsnt-2nde\u002Fsa-internet","0.snt-2nde\u002Fsa-internet\u002F0.index",[19,20,24,28,32],{"title":15,"path":16,"stem":17},{"title":21,"path":22,"stem":23},"Adresses symboliques et DNS","\u002Fsnt-2nde\u002Fsa-internet\u002Fadresses-dns","0.snt-2nde\u002Fsa-internet\u002F1.adresses-dns",{"title":25,"path":26,"stem":27},"Internet et les réseaux physiques","\u002Fsnt-2nde\u002Fsa-internet\u002Freseaux-physiques","0.snt-2nde\u002Fsa-internet\u002F2.reseaux-physiques",{"title":29,"path":30,"stem":31},"Protocoles TCP\u002FIP et routage des paquets","\u002Fsnt-2nde\u002Fsa-internet\u002Ftcp-ip-routage","0.snt-2nde\u002Fsa-internet\u002F3.tcp-ip-routage",{"title":33,"path":34,"stem":35},"Réseaux pair-à-pair","\u002Fsnt-2nde\u002Fsa-internet\u002Fpair-a-pair","0.snt-2nde\u002Fsa-internet\u002F4.pair-a-pair",{"title":37,"path":38,"stem":39,"children":40},"Le Web","\u002Fsnt-2nde\u002Fsb-web","0.snt-2nde\u002Fsb-web\u002F0.index",[41,42,46,50,54,58,62],{"title":37,"path":38,"stem":39},{"title":43,"path":44,"stem":45},"Histoire du Web","\u002Fsnt-2nde\u002Fsb-web\u002Fhistoire-web","0.snt-2nde\u002Fsb-web\u002F1.histoire-web",{"title":47,"path":48,"stem":49},"URL et hypertexte","\u002Fsnt-2nde\u002Fsb-web\u002Furl-hypertexte","0.snt-2nde\u002Fsb-web\u002F2.url-hypertexte",{"title":51,"path":52,"stem":53},"HTML et CSS — le contenu et la présentation","\u002Fsnt-2nde\u002Fsb-web\u002Fhtml-css","0.snt-2nde\u002Fsb-web\u002F3.html-css",{"title":55,"path":56,"stem":57},"Client-serveur et requêtes HTTP","\u002Fsnt-2nde\u002Fsb-web\u002Fclient-serveur-http","0.snt-2nde\u002Fsb-web\u002F4.client-serveur-http",{"title":59,"path":60,"stem":61},"Moteurs de recherche","\u002Fsnt-2nde\u002Fsb-web\u002Fmoteurs-recherche","0.snt-2nde\u002Fsb-web\u002F5.moteurs-recherche",{"title":63,"path":64,"stem":65},"Sécurité du navigateur et notions juridiques","\u002Fsnt-2nde\u002Fsb-web\u002Fsecurite-droits","0.snt-2nde\u002Fsb-web\u002F6.securite-droits",{"title":67,"path":68,"stem":69,"children":70},"Les réseaux sociaux","\u002Fsnt-2nde\u002Fsc-reseaux-sociaux","0.snt-2nde\u002Fsc-reseaux-sociaux\u002F0.index",[71,72,76,80,84,88],{"title":67,"path":68,"stem":69},{"title":73,"path":74,"stem":75},"Panorama des réseaux sociaux","\u002Fsnt-2nde\u002Fsc-reseaux-sociaux\u002Fpanorama-rs","0.snt-2nde\u002Fsc-reseaux-sociaux\u002F1.panorama-rs",{"title":77,"path":78,"stem":79},"Identité numérique et authentification","\u002Fsnt-2nde\u002Fsc-reseaux-sociaux\u002Fidentite-numerique","0.snt-2nde\u002Fsc-reseaux-sociaux\u002F2.identite-numerique",{"title":81,"path":82,"stem":83},"Le modèle économique des réseaux sociaux","\u002Fsnt-2nde\u002Fsc-reseaux-sociaux\u002Fmodele-economique","0.snt-2nde\u002Fsc-reseaux-sociaux\u002F3.modele-economique",{"title":85,"path":86,"stem":87},"Petit monde et graphes","\u002Fsnt-2nde\u002Fsc-reseaux-sociaux\u002Fpetit-monde-graphes","0.snt-2nde\u002Fsc-reseaux-sociaux\u002F4.petit-monde-graphes",{"title":89,"path":90,"stem":91},"La cyberviolence","\u002Fsnt-2nde\u002Fsc-reseaux-sociaux\u002Fcyberviolence","0.snt-2nde\u002Fsc-reseaux-sociaux\u002F5.cyberviolence",{"title":93,"path":94,"stem":95,"children":96},"Les données structurées et leur traitement","\u002Fsnt-2nde\u002Fsd-donnees-structurees","0.snt-2nde\u002Fsd-donnees-structurees\u002F0.index",[97,98,102,106,110,114],{"title":93,"path":94,"stem":95},{"title":99,"path":100,"stem":101},"Données et formats","\u002Fsnt-2nde\u002Fsd-donnees-structurees\u002Fdonnees-formats","0.snt-2nde\u002Fsd-donnees-structurees\u002F1.donnees-formats",{"title":103,"path":104,"stem":105},"Données structurées","\u002Fsnt-2nde\u002Fsd-donnees-structurees\u002Fdonnees-structurees","0.snt-2nde\u002Fsd-donnees-structurees\u002F2.donnees-structurees",{"title":107,"path":108,"stem":109},"Métadonnées","\u002Fsnt-2nde\u002Fsd-donnees-structurees\u002Fmetadonnees","0.snt-2nde\u002Fsd-donnees-structurees\u002F3.metadonnees",{"title":111,"path":112,"stem":113},"Traitement de tables","\u002Fsnt-2nde\u002Fsd-donnees-structurees\u002Ftraitement-tables","0.snt-2nde\u002Fsd-donnees-structurees\u002F4.traitement-tables",{"title":115,"path":116,"stem":117},"Le cloud","\u002Fsnt-2nde\u002Fsd-donnees-structurees\u002Fcloud","0.snt-2nde\u002Fsd-donnees-structurees\u002F5.cloud",{"title":119,"path":120,"stem":121,"children":122},"Localisation, cartographie et mobilité","\u002Fsnt-2nde\u002Fse-localisation-cartographie","0.snt-2nde\u002Fse-localisation-cartographie\u002F0.index",[123,124,128,132,136,140],{"title":119,"path":120,"stem":121},{"title":125,"path":126,"stem":127},"GPS et Galileo — se situer grâce aux satellites","\u002Fsnt-2nde\u002Fse-localisation-cartographie\u002Fgps-galileo","0.snt-2nde\u002Fse-localisation-cartographie\u002F1.gps-galileo",{"title":129,"path":130,"stem":131},"Décoder une trame NMEA","\u002Fsnt-2nde\u002Fse-localisation-cartographie\u002Ftrame-nmea","0.snt-2nde\u002Fse-localisation-cartographie\u002F2.trame-nmea",{"title":133,"path":134,"stem":135},"Cartes numériques — GeoPortail et OpenStreetMap","\u002Fsnt-2nde\u002Fse-localisation-cartographie\u002Fcartes-numeriques","0.snt-2nde\u002Fse-localisation-cartographie\u002F3.cartes-numeriques",{"title":137,"path":138,"stem":139},"Itinéraires et graphes","\u002Fsnt-2nde\u002Fse-localisation-cartographie\u002Fitineraires-graphes","0.snt-2nde\u002Fse-localisation-cartographie\u002F4.itineraires-graphes",{"title":141,"path":142,"stem":143},"Confidentialité de la position","\u002Fsnt-2nde\u002Fse-localisation-cartographie\u002Fconfidentialite-position","0.snt-2nde\u002Fse-localisation-cartographie\u002F5.confidentialite-position",{"title":145,"path":146,"stem":147,"children":148},"Informatique embarquée et objets connectés","\u002Fsnt-2nde\u002Fsf-info-embarquee","0.snt-2nde\u002Fsf-info-embarquee\u002F0.index",[149,150,154,158],{"title":145,"path":146,"stem":147},{"title":151,"path":152,"stem":153},"Systèmes informatiques embarqués","\u002Fsnt-2nde\u002Fsf-info-embarquee\u002Fsystemes-embarques","0.snt-2nde\u002Fsf-info-embarquee\u002F1.systemes-embarques",{"title":155,"path":156,"stem":157},"Capteurs et actionneurs","\u002Fsnt-2nde\u002Fsf-info-embarquee\u002Fcapteurs-actionneurs","0.snt-2nde\u002Fsf-info-embarquee\u002F2.capteurs-actionneurs",{"title":159,"path":160,"stem":161},"IHM et objets connectés","\u002Fsnt-2nde\u002Fsf-info-embarquee\u002Fihm-objet-connecte","0.snt-2nde\u002Fsf-info-embarquee\u002F3.ihm-objet-connecte",{"title":163,"path":164,"stem":165,"children":166},"Photographie numérique","\u002Fsnt-2nde\u002Fsg-photo-numerique","0.snt-2nde\u002Fsg-photo-numerique\u002F0.index",[167,168,172,176,180],{"title":163,"path":164,"stem":165},{"title":169,"path":170,"stem":171},"Photosites, pixels et résolution","\u002Fsnt-2nde\u002Fsg-photo-numerique\u002Fpixels-resolution","0.snt-2nde\u002Fsg-photo-numerique\u002F1.pixels-resolution",{"title":173,"path":174,"stem":175},"Les algorithmes de l'appareil photo","\u002Fsnt-2nde\u002Fsg-photo-numerique\u002Falgorithmes-photo","0.snt-2nde\u002Fsg-photo-numerique\u002F2.algorithmes-photo",{"title":177,"path":178,"stem":179},"Les métadonnées EXIF","\u002Fsnt-2nde\u002Fsg-photo-numerique\u002Fmetadonnees-exif","0.snt-2nde\u002Fsg-photo-numerique\u002F3.metadonnees-exif",{"title":181,"path":182,"stem":183},"Traiter une image en Python","\u002Fsnt-2nde\u002Fsg-photo-numerique\u002Ftraitement-rgb","0.snt-2nde\u002Fsg-photo-numerique\u002F4.traitement-rgb",{"title":185,"path":186,"stem":187,"children":188},"Notions transversales de programmation","\u002Fsnt-2nde\u002Fsh-prog-notions","0.snt-2nde\u002Fsh-prog-notions\u002F0.index",[189,190,194,198,202],{"title":185,"path":186,"stem":187},{"title":191,"path":192,"stem":193},"Séquences d'instructions et variables","\u002Fsnt-2nde\u002Fsh-prog-notions\u002Fsequences-affectations","0.snt-2nde\u002Fsh-prog-notions\u002F1.sequences-affectations",{"title":195,"path":196,"stem":197},"Instructions conditionnelles","\u002Fsnt-2nde\u002Fsh-prog-notions\u002Fconditionnelles","0.snt-2nde\u002Fsh-prog-notions\u002F2.conditionnelles",{"title":199,"path":200,"stem":201},"Boucles bornées et non bornées","\u002Fsnt-2nde\u002Fsh-prog-notions\u002Fboucles","0.snt-2nde\u002Fsh-prog-notions\u002F3.boucles",{"title":203,"path":204,"stem":205},"Définitions et appels de fonctions","\u002Fsnt-2nde\u002Fsh-prog-notions\u002Ffonctions","0.snt-2nde\u002Fsh-prog-notions\u002F4.fonctions",{"title":207,"path":208,"stem":209,"children":210},"Démo des widgets MDC","\u002Fsnt-2nde\u002Fzz-demo-widgets","0.snt-2nde\u002Fzz-demo-widgets\u002F0.index",[211,212,216,220],{"title":207,"path":208,"stem":209},{"title":213,"path":214,"stem":215},"Démo statique — callouts, code, BO, illustration","\u002Fsnt-2nde\u002Fzz-demo-widgets\u002Fstatique","0.snt-2nde\u002Fzz-demo-widgets\u002F1.statique",{"title":217,"path":218,"stem":219},"Démo interactive — self-eval et python-snippet","\u002Fsnt-2nde\u002Fzz-demo-widgets\u002Finteractif","0.snt-2nde\u002Fzz-demo-widgets\u002F2.interactif",{"title":221,"path":222,"stem":223},"Démo · 14 widgets de manipulation NSI","\u002Fsnt-2nde\u002Fzz-demo-widgets\u002Fwidgets-manipulation","0.snt-2nde\u002Fzz-demo-widgets\u002F3.widgets-manipulation",{"title":225,"path":226,"stem":227,"children":228},"NSI — Première","\u002Fnsi-1ere","1.nsi-1ere\u002F0.index",[229,230,234,256,282,304,328,354,380,410],{"title":225,"path":226,"stem":227},{"title":231,"path":232,"stem":233},"Relecture pédagogique — 8 chapitres NSI 1ère (PA → PH)","\u002Fnsi-1ere\u002Freview","1.nsi-1ere\u002FREVIEW",{"title":235,"path":236,"stem":237,"children":238},"Histoire de l'informatique","\u002Fnsi-1ere\u002Fpa-histoire-info","1.nsi-1ere\u002Fpa-histoire-info\u002F0.index",[239,240,244,248,252],{"title":235,"path":236,"stem":237},{"title":241,"path":242,"stem":243},"De la préantiquité aux machines à calculer","\u002Fnsi-1ere\u002Fpa-histoire-info\u002Fpreantiquite-aux-machines","1.nsi-1ere\u002Fpa-histoire-info\u002F1.preantiquite-aux-machines",{"title":245,"path":246,"stem":247},"La machine universelle (1930-1950)","\u002Fnsi-1ere\u002Fpa-histoire-info\u002Fmachine-universelle","1.nsi-1ere\u002Fpa-histoire-info\u002F2.machine-universelle",{"title":249,"path":250,"stem":251},"Les ordinateurs modernes (1947-1990)","\u002Fnsi-1ere\u002Fpa-histoire-info\u002Fordinateurs-modernes","1.nsi-1ere\u002Fpa-histoire-info\u002F3.ordinateurs-modernes",{"title":253,"path":254,"stem":255},"Réseaux, Web et IA (1969 à aujourd'hui)","\u002Fnsi-1ere\u002Fpa-histoire-info\u002Freseaux-et-web","1.nsi-1ere\u002Fpa-histoire-info\u002F4.reseaux-et-web",{"title":257,"path":258,"stem":259,"children":260},"Représentation des données — types et valeurs","\u002Fnsi-1ere\u002Fpb-types-valeurs","1.nsi-1ere\u002Fpb-types-valeurs\u002F0.index",[261,262,266,270,274,278],{"title":257,"path":258,"stem":259},{"title":263,"path":264,"stem":265},"Bases de numération et entiers positifs","\u002Fnsi-1ere\u002Fpb-types-valeurs\u002Fbases-entiers-positifs","1.nsi-1ere\u002Fpb-types-valeurs\u002F1.bases-entiers-positifs",{"title":267,"path":268,"stem":269},"Entiers relatifs et complément à deux","\u002Fnsi-1ere\u002Fpb-types-valeurs\u002Fentiers-relatifs","1.nsi-1ere\u002Fpb-types-valeurs\u002F2.entiers-relatifs",{"title":271,"path":272,"stem":273},"Nombres flottants et virgule flottante","\u002Fnsi-1ere\u002Fpb-types-valeurs\u002Fflottants","1.nsi-1ere\u002Fpb-types-valeurs\u002F3.flottants",{"title":275,"path":276,"stem":277},"Textes et encodages — ASCII, ISO-8859-1, Unicode","\u002Fnsi-1ere\u002Fpb-types-valeurs\u002Ftextes-encodages","1.nsi-1ere\u002Fpb-types-valeurs\u002F4.textes-encodages",{"title":279,"path":280,"stem":281},"Valeurs booléennes et opérateurs logiques","\u002Fnsi-1ere\u002Fpb-types-valeurs\u002Fbooleens","1.nsi-1ere\u002Fpb-types-valeurs\u002F5.booleens",{"title":283,"path":284,"stem":285,"children":286},"Représentation des données : types construits","\u002Fnsi-1ere\u002Fpc-types-construits","1.nsi-1ere\u002Fpc-types-construits\u002F0.index",[287,288,292,296,300],{"title":283,"path":284,"stem":285},{"title":289,"path":290,"stem":291},"Tableaux et listes","\u002Fnsi-1ere\u002Fpc-types-construits\u002Ftableaux-listes","1.nsi-1ere\u002Fpc-types-construits\u002F1.tableaux-listes",{"title":293,"path":294,"stem":295},"Listes en compréhension","\u002Fnsi-1ere\u002Fpc-types-construits\u002Fcomprehension","1.nsi-1ere\u002Fpc-types-construits\u002F2.comprehension",{"title":297,"path":298,"stem":299},"Tuples et p-uplets nommés","\u002Fnsi-1ere\u002Fpc-types-construits\u002Ftuples","1.nsi-1ere\u002Fpc-types-construits\u002F3.tuples",{"title":301,"path":302,"stem":303},"Dictionnaires","\u002Fnsi-1ere\u002Fpc-types-construits\u002Fdictionnaires","1.nsi-1ere\u002Fpc-types-construits\u002F4.dictionnaires",{"title":305,"path":306,"stem":307,"children":308},"Traitement de données en tables","\u002Fnsi-1ere\u002Fpd-tables-donnees","1.nsi-1ere\u002Fpd-tables-donnees\u002F0.index",[309,310,314,318,322],{"title":305,"path":306,"stem":307},{"title":311,"path":312,"stem":313},"Tables et CSV","\u002Fnsi-1ere\u002Fpd-tables-donnees\u002Ftables-csv","1.nsi-1ere\u002Fpd-tables-donnees\u002F1.tables-csv",{"title":315,"path":316,"stem":317},"Recherche et filtrage","\u002Fnsi-1ere\u002Fpd-tables-donnees\u002Frecherche","1.nsi-1ere\u002Fpd-tables-donnees\u002F2.recherche",{"title":319,"path":320,"stem":321},"Trier une table","\u002Fnsi-1ere\u002Fpd-tables-donnees\u002Ftri","1.nsi-1ere\u002Fpd-tables-donnees\u002F3.tri",{"title":323,"path":324,"stem":325,"children":326},"Fusion et indexation","\u002Fnsi-1ere\u002Fpd-tables-donnees\u002Ffusion-indexation","1.nsi-1ere\u002Fpd-tables-donnees\u002F4.fusion-indexation",[327],{"title":323,"path":324,"stem":325},{"title":329,"path":330,"stem":331,"children":332},"IHM sur le Web","\u002Fnsi-1ere\u002Fpe-ihm-web","1.nsi-1ere\u002Fpe-ihm-web\u002F0.index",[333,334,338,342,346,350],{"title":329,"path":330,"stem":331},{"title":335,"path":336,"stem":337},"HTML et CSS — rappel de structure","\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fhtml-css-bases","1.nsi-1ere\u002Fpe-ihm-web\u002F1.html-css-bases",{"title":339,"path":340,"stem":341},"Formulaires HTML","\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fformulaires","1.nsi-1ere\u002Fpe-ihm-web\u002F2.formulaires",{"title":343,"path":344,"stem":345},"Événements JavaScript","\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fevenements-js","1.nsi-1ere\u002Fpe-ihm-web\u002F3.evenements-js",{"title":347,"path":348,"stem":349},"Manipulation du DOM","\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fdom-interaction","1.nsi-1ere\u002Fpe-ihm-web\u002F4.dom-interaction",{"title":351,"path":352,"stem":353},"Client, serveur et HTTP","\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fclient-serveur-http","1.nsi-1ere\u002Fpe-ihm-web\u002F5.client-serveur-http",{"title":355,"path":356,"stem":357,"children":358},"Architectures matérielles et systèmes d'exploitation","\u002Fnsi-1ere\u002Fpf-archi-os","1.nsi-1ere\u002Fpf-archi-os\u002F0.index",[359,360,364,368,372,376],{"title":355,"path":356,"stem":357},{"title":361,"path":362,"stem":363},"Le modèle de von Neumann","\u002Fnsi-1ere\u002Fpf-archi-os\u002Fvon-neumann","1.nsi-1ere\u002Fpf-archi-os\u002F1.von-neumann",{"title":365,"path":366,"stem":367},"Périphériques et interface homme-machine","\u002Fnsi-1ere\u002Fpf-archi-os\u002Fperipheriques-ihm","1.nsi-1ere\u002Fpf-archi-os\u002F2.peripheriques-ihm",{"title":369,"path":370,"stem":371},"Les systèmes d'exploitation","\u002Fnsi-1ere\u002Fpf-archi-os\u002Fsystemes-exploitation","1.nsi-1ere\u002Fpf-archi-os\u002F3.systemes-exploitation",{"title":373,"path":374,"stem":375},"Linux et le shell","\u002Fnsi-1ere\u002Fpf-archi-os\u002Flinux-shell","1.nsi-1ere\u002Fpf-archi-os\u002F4.linux-shell",{"title":377,"path":378,"stem":379},"Réseaux et protocoles","\u002Fnsi-1ere\u002Fpf-archi-os\u002Freseaux","1.nsi-1ere\u002Fpf-archi-os\u002F5.reseaux",{"title":381,"path":382,"stem":383,"children":384},"Langages et programmation","\u002Fnsi-1ere\u002Fpg-langages-prog","1.nsi-1ere\u002Fpg-langages-prog\u002F0.index",[385,386,390,394,398,402,406],{"title":381,"path":382,"stem":383},{"title":387,"path":388,"stem":389},"Diversité et unité des langages de programmation","\u002Fnsi-1ere\u002Fpg-langages-prog\u002Fdiversite-langages","1.nsi-1ere\u002Fpg-langages-prog\u002F1.diversite-langages",{"title":391,"path":392,"stem":393},"Constructions élémentaires","\u002Fnsi-1ere\u002Fpg-langages-prog\u002Fconstructions-elementaires","1.nsi-1ere\u002Fpg-langages-prog\u002F2.constructions-elementaires",{"title":395,"path":396,"stem":397},"Fonctions","\u002Fnsi-1ere\u002Fpg-langages-prog\u002Ffonctions","1.nsi-1ere\u002Fpg-langages-prog\u002F3.fonctions",{"title":399,"path":400,"stem":401},"Spécification d'une fonction","\u002Fnsi-1ere\u002Fpg-langages-prog\u002Fspecification","1.nsi-1ere\u002Fpg-langages-prog\u002F4.specification",{"title":403,"path":404,"stem":405},"Mise au point des programmes","\u002Fnsi-1ere\u002Fpg-langages-prog\u002Fmise-au-point","1.nsi-1ere\u002Fpg-langages-prog\u002F5.mise-au-point",{"title":407,"path":408,"stem":409},"Utilisation de bibliothèques","\u002Fnsi-1ere\u002Fpg-langages-prog\u002Fbibliotheques","1.nsi-1ere\u002Fpg-langages-prog\u002F6.bibliotheques",{"title":411,"path":412,"stem":413,"children":414},"Algorithmique","\u002Fnsi-1ere\u002Fph-algorithmique","1.nsi-1ere\u002Fph-algorithmique\u002F0.index",[415,416,420,424,428,432,436],{"title":411,"path":412,"stem":413},{"title":417,"path":418,"stem":419},"Parcours séquentiel d'un tableau","\u002Fnsi-1ere\u002Fph-algorithmique\u002Fparcours-sequentiel","1.nsi-1ere\u002Fph-algorithmique\u002F1.parcours-sequentiel",{"title":421,"path":422,"stem":423},"Bases de la complexité","\u002Fnsi-1ere\u002Fph-algorithmique\u002Fcomplexite-bases","1.nsi-1ere\u002Fph-algorithmique\u002F2.complexite-bases",{"title":425,"path":426,"stem":427},"Tris par sélection et par insertion","\u002Fnsi-1ere\u002Fph-algorithmique\u002Ftris","1.nsi-1ere\u002Fph-algorithmique\u002F3.tris",{"title":429,"path":430,"stem":431},"Recherche dichotomique","\u002Fnsi-1ere\u002Fph-algorithmique\u002Fdichotomie","1.nsi-1ere\u002Fph-algorithmique\u002F4.dichotomie",{"title":433,"path":434,"stem":435},"Algorithmes gloutons","\u002Fnsi-1ere\u002Fph-algorithmique\u002Fgloutons","1.nsi-1ere\u002Fph-algorithmique\u002F5.gloutons",{"title":437,"path":438,"stem":439},"Les k plus proches voisins (k-NN)","\u002Fnsi-1ere\u002Fph-algorithmique\u002Fknn","1.nsi-1ere\u002Fph-algorithmique\u002F6.knn",{"title":441,"path":442,"stem":443,"children":444},"NSI — Terminale","\u002Fnsi-tale","2.nsi-tale\u002F0.index",[445,446,450,476,498,536,560],{"title":441,"path":442,"stem":443},{"title":447,"path":448,"stem":449},"Review pédagogique — chapitres NSI Terminale (TA, TB, TC, TD, TE)","\u002Fnsi-tale\u002Freview","2.nsi-tale\u002FREVIEW",{"title":451,"path":452,"stem":453,"children":454},"Structures de données","\u002Fnsi-tale\u002Fta-structures-donnees","2.nsi-tale\u002Fta-structures-donnees\u002F0.index",[455,456,460,464,468,472],{"title":451,"path":452,"stem":453},{"title":457,"path":458,"stem":459},"Objet, classe, interface","\u002Fnsi-tale\u002Fta-structures-donnees\u002Finterface-implementation","2.nsi-tale\u002Fta-structures-donnees\u002F1.interface-implementation",{"title":461,"path":462,"stem":463},"Implémenter une structure — l'exemple de la file FIFO","\u002Fnsi-tale\u002Fta-structures-donnees\u002Fimplementer-une-structure","2.nsi-tale\u002Fta-structures-donnees\u002F2.implementer-une-structure",{"title":465,"path":466,"stem":467},"Listes, piles, files, dictionnaires","\u002Fnsi-tale\u002Fta-structures-donnees\u002Flistes-piles-files-dict","2.nsi-tale\u002Fta-structures-donnees\u002F3.listes-piles-files-dict",{"title":469,"path":470,"stem":471},"Arbres binaires","\u002Fnsi-tale\u002Fta-structures-donnees\u002Farbres-binaires","2.nsi-tale\u002Fta-structures-donnees\u002F4.arbres-binaires",{"title":473,"path":474,"stem":475},"Graphes","\u002Fnsi-tale\u002Fta-structures-donnees\u002Fgraphes","2.nsi-tale\u002Fta-structures-donnees\u002F5.graphes",{"title":477,"path":478,"stem":479,"children":480},"Bases de données","\u002Fnsi-tale\u002Ftb-bases-de-donnees","2.nsi-tale\u002Ftb-bases-de-donnees\u002F0.index",[481,482,486,490,494],{"title":477,"path":478,"stem":479},{"title":483,"path":484,"stem":485},"Le modèle relationnel","\u002Fnsi-tale\u002Ftb-bases-de-donnees\u002Fmodele-relationnel","2.nsi-tale\u002Ftb-bases-de-donnees\u002F1.modele-relationnel",{"title":487,"path":488,"stem":489},"Bases de données relationnelles et anomalies de schéma","\u002Fnsi-tale\u002Ftb-bases-de-donnees\u002Fbase-relationnelle","2.nsi-tale\u002Ftb-bases-de-donnees\u002F2.base-relationnelle",{"title":491,"path":492,"stem":493},"Le langage SQL","\u002Fnsi-tale\u002Ftb-bases-de-donnees\u002Fsql","2.nsi-tale\u002Ftb-bases-de-donnees\u002F3.sql",{"title":495,"path":496,"stem":497},"Les systèmes de gestion de bases de données","\u002Fnsi-tale\u002Ftb-bases-de-donnees\u002Fsgbd","2.nsi-tale\u002Ftb-bases-de-donnees\u002F4.sgbd",{"title":499,"path":500,"stem":501,"children":502},"Architectures matérielles, systèmes d'exploitation et réseaux","\u002Fnsi-tale\u002Ftc-archi-os-reseaux","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F0.index",[503,504,508,512,516,520,524,528,532],{"title":499,"path":500,"stem":501},{"title":505,"path":506,"stem":507},"Le système sur puce (SoC)","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Fsysteme-sur-puce","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F1.systeme-sur-puce",{"title":509,"path":510,"stem":511},"Processus et ordonnancement par l'OS","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Fprocessus-os","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F2.processus-os",{"title":513,"path":514,"stem":515},"L'interblocage (deadlock)","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Finterblocage","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F3.interblocage",{"title":517,"path":518,"stem":519},"Principes du routage","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Froutage-principes","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F4.routage-principes",{"title":521,"path":522,"stem":523},"Protocoles de routage RIP et OSPF","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Fprotocoles-rip-ospf","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F5.protocoles-rip-ospf",{"title":525,"path":526,"stem":527},"Chiffrement symétrique","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Fchiffrement-symetrique","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F6.chiffrement-symetrique",{"title":529,"path":530,"stem":531},"Chiffrement asymétrique","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Fchiffrement-asymetrique","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F7.chiffrement-asymetrique",{"title":533,"path":534,"stem":535},"HTTPS — l'échange de clé symétrique","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Fhttps-tls","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F8.https-tls",{"title":381,"path":537,"stem":538,"children":539},"\u002Fnsi-tale\u002Ftd-langages-prog","2.nsi-tale\u002Ftd-langages-prog\u002F0.index",[540,541,544,548,552,556],{"title":381,"path":537,"stem":538},{"title":403,"path":542,"stem":543},"\u002Fnsi-tale\u002Ftd-langages-prog\u002Fmise-au-point","2.nsi-tale\u002Ftd-langages-prog\u002F1.mise-au-point",{"title":545,"path":546,"stem":547},"Modularité","\u002Fnsi-tale\u002Ftd-langages-prog\u002Fmodularite","2.nsi-tale\u002Ftd-langages-prog\u002F2.modularite",{"title":549,"path":550,"stem":551},"Récursivité","\u002Fnsi-tale\u002Ftd-langages-prog\u002Frecursivite","2.nsi-tale\u002Ftd-langages-prog\u002F3.recursivite",{"title":553,"path":554,"stem":555},"Paradigmes de programmation","\u002Fnsi-tale\u002Ftd-langages-prog\u002Fparadigmes","2.nsi-tale\u002Ftd-langages-prog\u002F4.paradigmes",{"title":557,"path":558,"stem":559},"Programme comme donnée — calculabilité et indécidabilité","\u002Fnsi-tale\u002Ftd-langages-prog\u002Fprogramme-comme-donnee","2.nsi-tale\u002Ftd-langages-prog\u002F5.programme-comme-donnee",{"title":411,"path":561,"stem":562,"children":563},"\u002Fnsi-tale\u002Fte-algorithmique","2.nsi-tale\u002Fte-algorithmique\u002F0.index",[564,565,569,573,577,581],{"title":411,"path":561,"stem":562},{"title":566,"path":567,"stem":568},"Algorithmes sur les arbres binaires","\u002Fnsi-tale\u002Fte-algorithmique\u002Farbres-binaires-algos","2.nsi-tale\u002Fte-algorithmique\u002F1.arbres-binaires-algos",{"title":570,"path":571,"stem":572},"Parcours de graphes — DFS, BFS, cycles, chemins","\u002Fnsi-tale\u002Fte-algorithmique\u002Fgraphes-parcours","2.nsi-tale\u002Fte-algorithmique\u002F2.graphes-parcours",{"title":574,"path":575,"stem":576},"Diviser pour régner","\u002Fnsi-tale\u002Fte-algorithmique\u002Fdiviser-pour-regner","2.nsi-tale\u002Fte-algorithmique\u002F3.diviser-pour-regner",{"title":578,"path":579,"stem":580},"Programmation dynamique","\u002Fnsi-tale\u002Fte-algorithmique\u002Fprogrammation-dynamique","2.nsi-tale\u002Fte-algorithmique\u002F4.programmation-dynamique",{"title":582,"path":583,"stem":584},"Recherche textuelle — l'algorithme de Boyer-Moore","\u002Fnsi-tale\u002Fte-algorithmique\u002Frecherche-textuelle","2.nsi-tale\u002Fte-algorithmique\u002F5.recherche-textuelle",{"id":586,"title":335,"bo":587,"body":588,"description":1954,"eval":1955,"extension":1956,"labo":1955,"meta":1957,"navigation":1345,"path":336,"quizzes":1958,"readingTime":662,"seo":1968,"stem":337,"tp":1955,"__hash__":1969},"cours\u002F1.nsi-1ere\u002Fpe-ihm-web\u002F1.html-css-bases.md",[],{"type":589,"value":590,"toc":1943},"minimark",[591,596,609,622,642,646,649,678,697,734,744,767,771,969,972,1081,1115,1119,1142,1253,1257,1279,1389,1395,1474,1498,1502,1505,1615,1618,1622,1625,1654,1709,1796,1814,1818,1872,1899,1903,1940],[592,593,595],"h2",{"id":594},"introduction","Introduction",[597,598,599,600,604,605,608],"p",{},"Avant de rendre une page Web interactive, encore faut-il qu'elle existe sous\nune forme manipulable. Cette forme, c'est le ",[601,602,603],"strong",{},"HTML"," (HyperText Markup\nLanguage) pour la structure, et le ",[601,606,607],{},"CSS"," (Cascading Style Sheets) pour la\nprésentation. Vous avez probablement croisé ces deux langages en classe de\nSeconde ; ce cours en rappelle les fondamentaux et pose des ressources pour\ncombler les éventuels manques, car tout le reste du chapitre — événements,\nDOM, formulaires — s'appuie sur eux.",[610,611,612],"note",{},[597,613,614,617,618,621],{},[601,615,616],{},"Pour réviser HTML et CSS",", voir le cours SNT de Seconde\n",[619,620,51],"a",{"href":52},".\nSi vous n'avez pas fait SNT, ou si certains points vous échappent, ce cours\nen présente toutes les bases sans prérequis.",[597,623,624,625,628,629,633,634,637,638,641],{},"Une page Web est un arbre de ",[601,626,627],{},"balises"," imbriquées : ",[630,631,632],"code",{},"\u003Chtml>"," contient\n",[630,635,636],{},"\u003Chead>"," (métadonnées invisibles) et ",[630,639,640],{},"\u003Cbody>"," (contenu visible). Le navigateur\nlit ce code, construit une représentation interne, puis l'affiche.",[592,643,645],{"id":644},"anatomie-dune-balise-html","Anatomie d'une balise HTML",[597,647,648],{},"Une balise s'écrit entre chevrons et délimite un contenu :",[650,651,656],"pre",{"className":652,"code":653,"language":654,"meta":655,"style":655},"language-html shiki shiki-themes github-light github-light github-dark","\u003Cp>Bonjour, monde.\u003C\u002Fp>\n","html","",[630,657,658],{"__ignoreMap":655},[659,660,663,667,670,673,675],"span",{"class":661,"line":662},"line",1,[659,664,666],{"class":665},"sxrX7","\u003C",[659,668,597],{"class":669},"sovSZ",[659,671,672],{"class":665},">Bonjour, monde.\u003C\u002F",[659,674,597],{"class":669},[659,676,677],{"class":665},">\n",[597,679,680,681,684,685,688,689,692,693,696],{},"Ici, ",[630,682,683],{},"\u003Cp>"," ouvre un paragraphe, ",[630,686,687],{},"\u003C\u002Fp>"," le ferme. Une balise peut porter des\n",[601,690,691],{},"attributs"," sous forme ",[630,694,695],{},"nom=\"valeur\""," :",[650,698,700],{"className":652,"code":699,"language":654,"meta":655,"style":655},"\u003Ca href=\"https:\u002F\u002Fnsi.rocks\" target=\"_blank\">Site du cours\u003C\u002Fa>\n",[630,701,702],{"__ignoreMap":655},[659,703,704,706,708,712,715,719,722,724,727,730,732],{"class":661,"line":662},[659,705,666],{"class":665},[659,707,619],{"class":669},[659,709,711],{"class":710},"snPdu"," href",[659,713,714],{"class":665},"=",[659,716,718],{"class":717},"sIIMD","\"https:\u002F\u002Fnsi.rocks\"",[659,720,721],{"class":710}," target",[659,723,714],{"class":665},[659,725,726],{"class":717},"\"_blank\"",[659,728,729],{"class":665},">Site du cours\u003C\u002F",[659,731,619],{"class":669},[659,733,677],{"class":665},[597,735,736,739,740,743],{},[630,737,738],{},"href"," indique la destination du lien, ",[630,741,742],{},"target=\"_blank\""," demande l'ouverture\ndans un nouvel onglet.",[610,745,746],{},[597,747,748,749,752,753,756,757,756,760,756,763,766],{},"Certaines balises sont ",[601,750,751],{},"auto-fermantes"," car elles n'ont pas de contenu :\n",[630,754,755],{},"\u003Cimg src=\"photo.jpg\" alt=\"Description\">",", ",[630,758,759],{},"\u003Cbr>",[630,761,762],{},"\u003Cinput>",[630,764,765],{},"\u003Chr>",".",[592,768,770],{"id":769},"une-page-minimale-complète","Une page minimale complète",[650,772,774],{"className":652,"code":773,"language":654,"meta":655,"style":655},"\u003C!DOCTYPE html>\n\u003Chtml lang=\"fr\">\n  \u003Chead>\n    \u003Cmeta charset=\"UTF-8\">\n    \u003Ctitle>Ma première page\u003C\u002Ftitle>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003Ch1>Bienvenue\u003C\u002Fh1>\n    \u003Cp>Voici un paragraphe d'introduction.\u003C\u002Fp>\n    \u003Cul>\n      \u003Cli>Premier point\u003C\u002Fli>\n      \u003Cli>Deuxième point\u003C\u002Fli>\n    \u003C\u002Ful>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[630,775,776,789,806,817,836,851,861,871,886,900,910,926,940,950,959],{"__ignoreMap":655},[659,777,778,781,784,787],{"class":661,"line":662},[659,779,780],{"class":665},"\u003C!",[659,782,783],{"class":669},"DOCTYPE",[659,785,786],{"class":710}," html",[659,788,677],{"class":665},[659,790,792,794,796,799,801,804],{"class":661,"line":791},2,[659,793,666],{"class":665},[659,795,654],{"class":669},[659,797,798],{"class":710}," lang",[659,800,714],{"class":665},[659,802,803],{"class":717},"\"fr\"",[659,805,677],{"class":665},[659,807,809,812,815],{"class":661,"line":808},3,[659,810,811],{"class":665},"  \u003C",[659,813,814],{"class":669},"head",[659,816,677],{"class":665},[659,818,820,823,826,829,831,834],{"class":661,"line":819},4,[659,821,822],{"class":665},"    \u003C",[659,824,825],{"class":669},"meta",[659,827,828],{"class":710}," charset",[659,830,714],{"class":665},[659,832,833],{"class":717},"\"UTF-8\"",[659,835,677],{"class":665},[659,837,839,841,844,847,849],{"class":661,"line":838},5,[659,840,822],{"class":665},[659,842,843],{"class":669},"title",[659,845,846],{"class":665},">Ma première page\u003C\u002F",[659,848,843],{"class":669},[659,850,677],{"class":665},[659,852,854,857,859],{"class":661,"line":853},6,[659,855,856],{"class":665},"  \u003C\u002F",[659,858,814],{"class":669},[659,860,677],{"class":665},[659,862,864,866,869],{"class":661,"line":863},7,[659,865,811],{"class":665},[659,867,868],{"class":669},"body",[659,870,677],{"class":665},[659,872,874,876,879,882,884],{"class":661,"line":873},8,[659,875,822],{"class":665},[659,877,878],{"class":669},"h1",[659,880,881],{"class":665},">Bienvenue\u003C\u002F",[659,883,878],{"class":669},[659,885,677],{"class":665},[659,887,889,891,893,896,898],{"class":661,"line":888},9,[659,890,822],{"class":665},[659,892,597],{"class":669},[659,894,895],{"class":665},">Voici un paragraphe d'introduction.\u003C\u002F",[659,897,597],{"class":669},[659,899,677],{"class":665},[659,901,903,905,908],{"class":661,"line":902},10,[659,904,822],{"class":665},[659,906,907],{"class":669},"ul",[659,909,677],{"class":665},[659,911,913,916,919,922,924],{"class":661,"line":912},11,[659,914,915],{"class":665},"      \u003C",[659,917,918],{"class":669},"li",[659,920,921],{"class":665},">Premier point\u003C\u002F",[659,923,918],{"class":669},[659,925,677],{"class":665},[659,927,929,931,933,936,938],{"class":661,"line":928},12,[659,930,915],{"class":665},[659,932,918],{"class":669},[659,934,935],{"class":665},">Deuxième point\u003C\u002F",[659,937,918],{"class":669},[659,939,677],{"class":665},[659,941,943,946,948],{"class":661,"line":942},13,[659,944,945],{"class":665},"    \u003C\u002F",[659,947,907],{"class":669},[659,949,677],{"class":665},[659,951,953,955,957],{"class":661,"line":952},14,[659,954,856],{"class":665},[659,956,868],{"class":669},[659,958,677],{"class":665},[659,960,962,965,967],{"class":661,"line":961},15,[659,963,964],{"class":665},"\u003C\u002F",[659,966,654],{"class":669},[659,968,677],{"class":665},[597,970,971],{},"Quelques balises structurantes à connaître :",[973,974,975,988],"table",{},[976,977,978],"thead",{},[979,980,981,985],"tr",{},[982,983,984],"th",{},"Balise",[982,986,987],{},"Rôle",[989,990,991,1006,1015,1031,1041,1051,1061,1071],"tbody",{},[979,992,993,1003],{},[994,995,996,999,1000],"td",{},[630,997,998],{},"\u003Ch1>"," à ",[630,1001,1002],{},"\u003Ch6>",[994,1004,1005],{},"Titres hiérarchisés",[979,1007,1008,1012],{},[994,1009,1010],{},[630,1011,683],{},[994,1013,1014],{},"Paragraphe de texte",[979,1016,1017,1028],{},[994,1018,1019,756,1022,756,1025],{},[630,1020,1021],{},"\u003Cul>",[630,1023,1024],{},"\u003Col>",[630,1026,1027],{},"\u003Cli>",[994,1029,1030],{},"Listes non ordonnées \u002F ordonnées",[979,1032,1033,1038],{},[994,1034,1035],{},[630,1036,1037],{},"\u003Ca href=\"…\">",[994,1039,1040],{},"Lien hypertexte",[979,1042,1043,1048],{},[994,1044,1045],{},[630,1046,1047],{},"\u003Cimg src=\"…\" alt=\"…\">",[994,1049,1050],{},"Image",[979,1052,1053,1058],{},[994,1054,1055],{},[630,1056,1057],{},"\u003Cdiv>",[994,1059,1060],{},"Conteneur générique (bloc)",[979,1062,1063,1068],{},[994,1064,1065],{},[630,1066,1067],{},"\u003Cspan>",[994,1069,1070],{},"Conteneur générique (inline)",[979,1072,1073,1078],{},[994,1074,1075],{},[630,1076,1077],{},"\u003Cbutton>",[994,1079,1080],{},"Bouton cliquable",[1082,1083,1086,1092],"self-eval-qcm",{"correct":1084,"slug":1085},"1","html-css-bases-c1",[1087,1088,1089],"template",{"v-slot:question":655},[597,1090,1091],{},"Quelle balise sert à créer un lien hypertexte ?",[1087,1093,1094],{"v-slot:choices":655},[907,1095,1096,1101,1106,1111],{},[918,1097,1098],{},[630,1099,1100],{},"\u003Clink>",[918,1102,1103],{},[630,1104,1105],{},"\u003Ca>",[918,1107,1108],{},[630,1109,1110],{},"\u003Chref>",[918,1112,1113],{},[630,1114,1077],{},[592,1116,1118],{"id":1117},"larbre-du-document","L'arbre du document",[597,1120,1121,1122,1125,1126,1128,1129,1132,1133,1135,1136,1138,1139,1141],{},"Une page HTML forme une ",[601,1123,1124],{},"arborescence"," : chaque balise a un parent (sauf\n",[630,1127,632],{},", racine) et peut avoir des enfants. Cette structure est ce que\nJavaScript manipulera plus tard, sous le nom de ",[601,1130,1131],{},"DOM"," (Document Object\nModel). Pour l'instant, retenez que la position d'une balise dans l'arbre est\ncruciale — un ",[630,1134,1027],{}," doit vivre dans un ",[630,1137,1021],{}," ou ",[630,1140,1024],{},", jamais isolé.",[650,1143,1145],{"className":652,"code":1144,"language":654,"meta":655,"style":655},"\u003Cbody>\n  \u003Cheader>\n    \u003Ch1>Titre du site\u003C\u002Fh1>\n  \u003C\u002Fheader>\n  \u003Cmain>\n    \u003Carticle>\n      \u003Ch2>Un article\u003C\u002Fh2>\n      \u003Cp>Son contenu.\u003C\u002Fp>\n    \u003C\u002Farticle>\n  \u003C\u002Fmain>\n\u003C\u002Fbody>\n",[630,1146,1147,1155,1164,1177,1185,1194,1203,1216,1229,1237,1245],{"__ignoreMap":655},[659,1148,1149,1151,1153],{"class":661,"line":662},[659,1150,666],{"class":665},[659,1152,868],{"class":669},[659,1154,677],{"class":665},[659,1156,1157,1159,1162],{"class":661,"line":791},[659,1158,811],{"class":665},[659,1160,1161],{"class":669},"header",[659,1163,677],{"class":665},[659,1165,1166,1168,1170,1173,1175],{"class":661,"line":808},[659,1167,822],{"class":665},[659,1169,878],{"class":669},[659,1171,1172],{"class":665},">Titre du site\u003C\u002F",[659,1174,878],{"class":669},[659,1176,677],{"class":665},[659,1178,1179,1181,1183],{"class":661,"line":819},[659,1180,856],{"class":665},[659,1182,1161],{"class":669},[659,1184,677],{"class":665},[659,1186,1187,1189,1192],{"class":661,"line":838},[659,1188,811],{"class":665},[659,1190,1191],{"class":669},"main",[659,1193,677],{"class":665},[659,1195,1196,1198,1201],{"class":661,"line":853},[659,1197,822],{"class":665},[659,1199,1200],{"class":669},"article",[659,1202,677],{"class":665},[659,1204,1205,1207,1209,1212,1214],{"class":661,"line":863},[659,1206,915],{"class":665},[659,1208,592],{"class":669},[659,1210,1211],{"class":665},">Un article\u003C\u002F",[659,1213,592],{"class":669},[659,1215,677],{"class":665},[659,1217,1218,1220,1222,1225,1227],{"class":661,"line":873},[659,1219,915],{"class":665},[659,1221,597],{"class":669},[659,1223,1224],{"class":665},">Son contenu.\u003C\u002F",[659,1226,597],{"class":669},[659,1228,677],{"class":665},[659,1230,1231,1233,1235],{"class":661,"line":888},[659,1232,945],{"class":665},[659,1234,1200],{"class":669},[659,1236,677],{"class":665},[659,1238,1239,1241,1243],{"class":661,"line":902},[659,1240,856],{"class":665},[659,1242,1191],{"class":669},[659,1244,677],{"class":665},[659,1246,1247,1249,1251],{"class":661,"line":912},[659,1248,964],{"class":665},[659,1250,868],{"class":669},[659,1252,677],{"class":665},[592,1254,1256],{"id":1255},"css-donner-du-style","CSS — donner du style",[597,1258,1259,1260,1263,1264,1267,1268,1271,1272,1275,1276,696],{},"Le HTML décrit ",[601,1261,1262],{},"quoi",", le CSS décrit ",[601,1265,1266],{},"comment c'est affiché",". Le CSS\nfonctionne par ",[601,1269,1270],{},"règles",", chaque règle associant un ",[601,1273,1274],{},"sélecteur"," à des\n",[601,1277,1278],{},"propriétés",[650,1280,1284],{"className":1281,"code":1282,"language":1283,"meta":655,"style":655},"language-css shiki shiki-themes github-light github-light github-dark","p {\n  color: navy;\n  font-size: 18px;\n  line-height: 1.5;\n}\n\nh1 {\n  text-align: center;\n  border-bottom: 2px solid gray;\n}\n","css",[630,1285,1286,1293,1308,1324,1336,1341,1347,1353,1365,1385],{"__ignoreMap":655},[659,1287,1288,1290],{"class":661,"line":662},[659,1289,597],{"class":669},[659,1291,1292],{"class":665}," {\n",[659,1294,1295,1299,1302,1305],{"class":661,"line":791},[659,1296,1298],{"class":1297},"sBjJW","  color",[659,1300,1301],{"class":665},": ",[659,1303,1304],{"class":1297},"navy",[659,1306,1307],{"class":665},";\n",[659,1309,1310,1313,1315,1318,1322],{"class":661,"line":808},[659,1311,1312],{"class":1297},"  font-size",[659,1314,1301],{"class":665},[659,1316,1317],{"class":1297},"18",[659,1319,1321],{"class":1320},"s8jYJ","px",[659,1323,1307],{"class":665},[659,1325,1326,1329,1331,1334],{"class":661,"line":819},[659,1327,1328],{"class":1297},"  line-height",[659,1330,1301],{"class":665},[659,1332,1333],{"class":1297},"1.5",[659,1335,1307],{"class":665},[659,1337,1338],{"class":661,"line":838},[659,1339,1340],{"class":665},"}\n",[659,1342,1343],{"class":661,"line":853},[659,1344,1346],{"emptyLinePlaceholder":1345},true,"\n",[659,1348,1349,1351],{"class":661,"line":863},[659,1350,878],{"class":669},[659,1352,1292],{"class":665},[659,1354,1355,1358,1360,1363],{"class":661,"line":873},[659,1356,1357],{"class":1297},"  text-align",[659,1359,1301],{"class":665},[659,1361,1362],{"class":1297},"center",[659,1364,1307],{"class":665},[659,1366,1367,1370,1372,1375,1377,1380,1383],{"class":661,"line":888},[659,1368,1369],{"class":1297},"  border-bottom",[659,1371,1301],{"class":665},[659,1373,1374],{"class":1297},"2",[659,1376,1321],{"class":1320},[659,1378,1379],{"class":1297}," solid",[659,1381,1382],{"class":1297}," gray",[659,1384,1307],{"class":665},[659,1386,1387],{"class":661,"line":902},[659,1388,1340],{"class":665},[597,1390,1391,1392,696],{},"Les principaux ",[601,1393,1394],{},"sélecteurs",[973,1396,1397,1407],{},[976,1398,1399],{},[979,1400,1401,1404],{},[982,1402,1403],{},"Sélecteur",[982,1405,1406],{},"Cible",[989,1408,1409,1420,1433,1446,1461],{},[979,1410,1411,1415],{},[994,1412,1413],{},[630,1414,597],{},[994,1416,1417,1418],{},"Toutes les balises ",[630,1419,683],{},[979,1421,1422,1427],{},[994,1423,1424],{},[630,1425,1426],{},".intro",[994,1428,1429,1430],{},"Toutes les balises avec ",[630,1431,1432],{},"class=\"intro\"",[979,1434,1435,1440],{},[994,1436,1437],{},[630,1438,1439],{},"#header",[994,1441,1442,1443],{},"La balise unique avec ",[630,1444,1445],{},"id=\"header\"",[979,1447,1448,1453],{},[994,1449,1450],{},[630,1451,1452],{},"ul li",[994,1454,1455,1456,1458,1459],{},"Les ",[630,1457,1027],{}," qui descendent d'un ",[630,1460,1021],{},[979,1462,1463,1468],{},[994,1464,1465],{},[630,1466,1467],{},"button:hover",[994,1469,1470,1471,1473],{},"Un ",[630,1472,1077],{}," au survol de la souris",[1082,1475,1477,1482],{"correct":1374,"slug":1476},"html-css-bases-c2",[1087,1478,1479],{"v-slot:question":655},[597,1480,1481],{},"Comment cibler en CSS la balise avec id='menu' ?",[1087,1483,1484],{"v-slot:choices":655},[907,1485,1486,1489,1492,1495],{},[918,1487,1488],{},"menu",[918,1490,1491],{},".menu",[918,1493,1494],{},"#menu",[918,1496,1497],{},"*menu",[592,1499,1501],{"id":1500},"lier-html-et-css","Lier HTML et CSS",[597,1503,1504],{},"Trois manières de coller du CSS à du HTML :",[650,1506,1508],{"className":652,"code":1507,"language":654,"meta":655,"style":655},"\u003C!-- 1. CSS externe (recommandé) -->\n\u003Clink rel=\"stylesheet\" href=\"style.css\">\n\n\u003C!-- 2. CSS dans la page -->\n\u003Cstyle>\n  p { color: red; }\n\u003C\u002Fstyle>\n\n\u003C!-- 3. CSS inline (à éviter) -->\n\u003Cp style=\"color: red;\">Texte rouge\u003C\u002Fp>\n",[630,1509,1510,1516,1540,1544,1549,1558,1577,1585,1589,1594],{"__ignoreMap":655},[659,1511,1512],{"class":661,"line":662},[659,1513,1515],{"class":1514},"sCsY4","\u003C!-- 1. CSS externe (recommandé) -->\n",[659,1517,1518,1520,1523,1526,1528,1531,1533,1535,1538],{"class":661,"line":791},[659,1519,666],{"class":665},[659,1521,1522],{"class":669},"link",[659,1524,1525],{"class":710}," rel",[659,1527,714],{"class":665},[659,1529,1530],{"class":717},"\"stylesheet\"",[659,1532,711],{"class":710},[659,1534,714],{"class":665},[659,1536,1537],{"class":717},"\"style.css\"",[659,1539,677],{"class":665},[659,1541,1542],{"class":661,"line":808},[659,1543,1346],{"emptyLinePlaceholder":1345},[659,1545,1546],{"class":661,"line":819},[659,1547,1548],{"class":1514},"\u003C!-- 2. CSS dans la page -->\n",[659,1550,1551,1553,1556],{"class":661,"line":838},[659,1552,666],{"class":665},[659,1554,1555],{"class":669},"style",[659,1557,677],{"class":665},[659,1559,1560,1563,1566,1569,1571,1574],{"class":661,"line":853},[659,1561,1562],{"class":669},"  p",[659,1564,1565],{"class":665}," { ",[659,1567,1568],{"class":1297},"color",[659,1570,1301],{"class":665},[659,1572,1573],{"class":1297},"red",[659,1575,1576],{"class":665},"; }\n",[659,1578,1579,1581,1583],{"class":661,"line":863},[659,1580,964],{"class":665},[659,1582,1555],{"class":669},[659,1584,677],{"class":665},[659,1586,1587],{"class":661,"line":873},[659,1588,1346],{"emptyLinePlaceholder":1345},[659,1590,1591],{"class":661,"line":888},[659,1592,1593],{"class":1514},"\u003C!-- 3. CSS inline (à éviter) -->\n",[659,1595,1596,1598,1600,1603,1605,1608,1611,1613],{"class":661,"line":902},[659,1597,666],{"class":665},[659,1599,597],{"class":669},[659,1601,1602],{"class":710}," style",[659,1604,714],{"class":665},[659,1606,1607],{"class":717},"\"color: red;\"",[659,1609,1610],{"class":665},">Texte rouge\u003C\u002F",[659,1612,597],{"class":669},[659,1614,677],{"class":665},[597,1616,1617],{},"La méthode externe est presque toujours la bonne : un seul fichier de styles,\npartagé par toutes les pages d'un site.",[592,1619,1621],{"id":1620},"classes-et-identifiants","Classes et identifiants",[597,1623,1624],{},"Deux attributs HTML omniprésents :",[907,1626,1627,1641],{},[918,1628,1629,1632,1633,1636,1637,1640],{},[630,1630,1631],{},"id=\"…\""," : identifiant ",[601,1634,1635],{},"unique"," dans la page. Un seul ",[630,1638,1639],{},"id=\"footer\""," par\ndocument. Pratique pour cibler depuis JavaScript ou CSS.",[918,1642,1643,1646,1647,1650,1651,766],{},[630,1644,1645],{},"class=\"…\""," : étiquette ",[601,1648,1649],{},"partagée"," entre plusieurs balises. Une même balise\npeut porter plusieurs classes : ",[630,1652,1653],{},"class=\"bouton primaire grand\"",[650,1655,1657],{"className":652,"code":1656,"language":654,"meta":655,"style":655},"\u003Cbutton id=\"envoi\" class=\"bouton primaire\">Envoyer\u003C\u002Fbutton>\n\u003Cbutton class=\"bouton secondaire\">Annuler\u003C\u002Fbutton>\n",[630,1658,1659,1689],{"__ignoreMap":655},[659,1660,1661,1663,1666,1669,1671,1674,1677,1679,1682,1685,1687],{"class":661,"line":662},[659,1662,666],{"class":665},[659,1664,1665],{"class":669},"button",[659,1667,1668],{"class":710}," id",[659,1670,714],{"class":665},[659,1672,1673],{"class":717},"\"envoi\"",[659,1675,1676],{"class":710}," class",[659,1678,714],{"class":665},[659,1680,1681],{"class":717},"\"bouton primaire\"",[659,1683,1684],{"class":665},">Envoyer\u003C\u002F",[659,1686,1665],{"class":669},[659,1688,677],{"class":665},[659,1690,1691,1693,1695,1697,1699,1702,1705,1707],{"class":661,"line":791},[659,1692,666],{"class":665},[659,1694,1665],{"class":669},[659,1696,1676],{"class":710},[659,1698,714],{"class":665},[659,1700,1701],{"class":717},"\"bouton secondaire\"",[659,1703,1704],{"class":665},">Annuler\u003C\u002F",[659,1706,1665],{"class":669},[659,1708,677],{"class":665},[650,1710,1712],{"className":1281,"code":1711,"language":1283,"meta":655,"style":655},".bouton {\n  padding: 8px 16px;\n  border-radius: 4px;\n}\n\n#envoi {\n  background-color: green;\n  color: white;\n}\n",[630,1713,1714,1721,1740,1754,1758,1762,1769,1781,1792],{"__ignoreMap":655},[659,1715,1716,1719],{"class":661,"line":662},[659,1717,1718],{"class":710},".bouton",[659,1720,1292],{"class":665},[659,1722,1723,1726,1728,1731,1733,1736,1738],{"class":661,"line":791},[659,1724,1725],{"class":1297},"  padding",[659,1727,1301],{"class":665},[659,1729,1730],{"class":1297},"8",[659,1732,1321],{"class":1320},[659,1734,1735],{"class":1297}," 16",[659,1737,1321],{"class":1320},[659,1739,1307],{"class":665},[659,1741,1742,1745,1747,1750,1752],{"class":661,"line":808},[659,1743,1744],{"class":1297},"  border-radius",[659,1746,1301],{"class":665},[659,1748,1749],{"class":1297},"4",[659,1751,1321],{"class":1320},[659,1753,1307],{"class":665},[659,1755,1756],{"class":661,"line":819},[659,1757,1340],{"class":665},[659,1759,1760],{"class":661,"line":838},[659,1761,1346],{"emptyLinePlaceholder":1345},[659,1763,1764,1767],{"class":661,"line":853},[659,1765,1766],{"class":710},"#envoi",[659,1768,1292],{"class":665},[659,1770,1771,1774,1776,1779],{"class":661,"line":863},[659,1772,1773],{"class":1297},"  background-color",[659,1775,1301],{"class":665},[659,1777,1778],{"class":1297},"green",[659,1780,1307],{"class":665},[659,1782,1783,1785,1787,1790],{"class":661,"line":873},[659,1784,1298],{"class":1297},[659,1786,1301],{"class":665},[659,1788,1789],{"class":1297},"white",[659,1791,1307],{"class":665},[659,1793,1794],{"class":661,"line":888},[659,1795,1340],{"class":665},[1797,1798,1799],"warning",{},[597,1800,1470,1801,1804,1805,1807,1808,1810,1811,766],{},[630,1802,1803],{},"id"," doit être ",[601,1806,1635],{}," dans la page. Plusieurs balises avec le même ",[630,1809,1803],{},"\nprovoquent des bugs subtils, notamment quand JavaScript essaie de cibler\nl'élément avec ",[630,1812,1813],{},"document.getElementById",[592,1815,1817],{"id":1816},"cas-particuliers-et-pièges","Cas particuliers et pièges",[907,1819,1820,1829,1835,1852],{},[918,1821,1822,1825,1826,1828],{},[601,1823,1824],{},"Balises non fermées"," : oublier ",[630,1827,687],{}," peut casser silencieusement la mise\nen page. Le navigateur essaie de réparer, mais le résultat est imprévisible.",[918,1830,1831,1834],{},[601,1832,1833],{},"Indentation cosmétique"," : l'indentation n'a aucune valeur sémantique en\nHTML. Elle aide la lecture humaine, rien de plus.",[918,1836,1837,1840,1841,1844,1845,1847,1848,1851],{},[601,1838,1839],{},"Sensibilité à la casse"," : ",[630,1842,1843],{},"\u003CDIV>"," et ",[630,1846,1057],{}," sont équivalents en HTML5,\nmais la convention est ",[601,1849,1850],{},"tout en minuscules",". Idem pour les attributs.",[918,1853,1854,1840,1857,1860,1861,1864,1865,1844,1868,1871],{},[601,1855,1856],{},"Espaces dans les attributs",[630,1858,1859],{},"class=\"bouton primaire\""," définit ",[601,1862,1863],{},"deux","\nclasses (",[630,1866,1867],{},"bouton",[630,1869,1870],{},"primaire","), pas une seule.",[1082,1873,1876,1887],{"correct":1874,"slug":1875},"3","html-css-bases-c3",[1087,1877,1878,1881],{"v-slot:question":655},[597,1879,1880],{},"Combien de classes pour ",[597,1882,1886],{"className":1883},[610,1884,1885],"importante","alerte"," ?",[1087,1888,1889],{"v-slot:choices":655},[907,1890,1891,1893,1895,1897],{},[918,1892,1084],{},[918,1894,1374],{},[918,1896,1874],{},[918,1898,1749],{},[592,1900,1902],{"id":1901},"pour-aller-plus-loin","Pour aller plus loin",[597,1904,1905,1906,1909,1910,756,1913,1916,1917,756,1920,756,1923,756,1926,1929,1930,1844,1933,1936,1937,1939],{},"Le HTML moderne propose des balises ",[601,1907,1908],{},"sémantiques"," (",[630,1911,1912],{},"\u003Cheader>",[630,1914,1915],{},"\u003Cnav>",",\n",[630,1918,1919],{},"\u003Cmain>",[630,1921,1922],{},"\u003Carticle>",[630,1924,1925],{},"\u003Csection>",[630,1927,1928],{},"\u003Cfooter>",") qui décrivent le rôle des\nzones d'une page. CSS, lui, a évolué vers des modèles de mise en page\npuissants comme ",[601,1931,1932],{},"Flexbox",[601,1934,1935],{},"Grid",". Vous les approfondirez en pratique\nlors des TP du chapitre — pour l'instant, l'essentiel est de savoir lire un\narbre HTML et de retrouver une balise par son ",[630,1938,1803],{}," ou sa classe.",[1555,1941,1942],{},"html pre.shiki code .sxrX7, html code.shiki .sxrX7{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sovSZ, html code.shiki .sovSZ{--shiki-light:#22863A;--shiki-default:#22863A;--shiki-dark:#85E89D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .snPdu, html code.shiki .snPdu{--shiki-light:#6F42C1;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sIIMD, html code.shiki .sIIMD{--shiki-light:#032F62;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sBjJW, html code.shiki .sBjJW{--shiki-light:#005CC5;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s8jYJ, html code.shiki .s8jYJ{--shiki-light:#D73A49;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sCsY4, html code.shiki .sCsY4{--shiki-light:#6A737D;--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":655,"searchDepth":791,"depth":791,"links":1944},[1945,1946,1947,1948,1949,1950,1951,1952,1953],{"id":594,"depth":791,"text":595},{"id":644,"depth":791,"text":645},{"id":769,"depth":791,"text":770},{"id":1117,"depth":791,"text":1118},{"id":1255,"depth":791,"text":1256},{"id":1500,"depth":791,"text":1501},{"id":1620,"depth":791,"text":1621},{"id":1816,"depth":791,"text":1817},{"id":1901,"depth":791,"text":1902},"Les briques de base d'une page Web — balises, attributs, sélecteurs CSS. Socle indispensable avant tout JavaScript.",null,"md",{},[1959,1963,1965],{"slug":1085,"kind":1960,"question":1091,"choices":1961,"correct":1084,"multi":1962,"explanation":655},"qcm",[1100,1105,1110,1077],false,{"slug":1476,"kind":1960,"question":1481,"choices":1964,"correct":1374,"multi":1962,"explanation":655},[1488,1491,1494,1497],{"slug":1875,"kind":1960,"question":1966,"choices":1967,"correct":1874,"multi":1962,"explanation":655},"Combien de classes pour  ?",[1084,1374,1874,1749],{"title":335,"description":1954},"oZ0GnA_yR0409J6i_6ktPkNB_XHvgQB2hsKHMdSnrnk",{"id":1971,"title":1972,"bo":1973,"body":1974,"description":2343,"eval":1955,"extension":1956,"labo":1955,"meta":2344,"navigation":1962,"path":2345,"quizzes":2346,"readingTime":662,"seo":2347,"stem":2348,"tp":1955,"__hash__":2349},"coursMemo\u002F1.nsi-1ere\u002Fpe-ihm-web\u002F1.html-css-bases.memo.md","HTML et CSS — l'essentiel",[],{"type":589,"value":1975,"toc":2335},[1976,1980,1989,1993,2057,2061,2143,2147,2219,2223,2248,2252,2281,2332],[592,1977,1979],{"id":1978},"en-une-phrase","En une phrase",[597,1981,1982],{},[601,1983,1984,1985,1988],{},"HTML décrit la structure d'une page (arbre de balises), CSS en décrit la\nprésentation (règles ",[630,1986,1987],{},"sélecteur { propriété: valeur; }",").",[592,1990,1992],{"id":1991},"à-mémoriser","À mémoriser",[907,1994,1995,2009,2024,2042],{},[918,1996,1997,1998,2001,2002,756,2005,756,2007,766],{},"Une balise : ",[630,1999,2000],{},"\u003Cnom attribut=\"valeur\">contenu\u003C\u002Fnom>",". Balises auto-fermantes\npour ",[630,2003,2004],{},"\u003Cimg>",[630,2006,762],{},[630,2008,759],{},[918,2010,2011,2012,2015,2016,2018,2019,2021,2022,766],{},"Squelette minimal : ",[630,2013,2014],{},"\u003C!DOCTYPE html>"," puis ",[630,2017,632],{}," qui contient ",[630,2020,636],{}," et\n",[630,2023,640],{},[918,2025,2026,2028,2029,2031,2032,2034,2035,2037,2038,2041],{},[630,2027,1631],{}," est ",[601,2030,1635],{}," par page. ",[630,2033,1645],{}," peut être ",[601,2036,1649],{}," et\nmultiple (",[630,2039,2040],{},"class=\"a b c\""," = 3 classes).",[918,2043,2044,2045,2048,2049,2052,2053,2056],{},"CSS lié au HTML via ",[630,2046,2047],{},"\u003Clink rel=\"stylesheet\" href=\"…\">"," (recommandé),\n",[630,2050,2051],{},"\u003Cstyle>…\u003C\u002Fstyle>",", ou attribut ",[630,2054,2055],{},"style=\"…\""," (à éviter).",[592,2058,2060],{"id":2059},"balises-essentielles","Balises essentielles",[973,2062,2063,2071],{},[976,2064,2065],{},[979,2066,2067,2069],{},[982,2068,984],{},[982,2070,987],{},[989,2072,2073,2084,2093,2102,2110,2123,2134],{},[979,2074,2075,2081],{},[994,2076,2077,999,2079],{},[630,2078,998],{},[630,2080,1002],{},[994,2082,2083],{},"Titres",[979,2085,2086,2090],{},[994,2087,2088],{},[630,2089,683],{},[994,2091,2092],{},"Paragraphe",[979,2094,2095,2099],{},[994,2096,2097],{},[630,2098,1037],{},[994,2100,2101],{},"Lien",[979,2103,2104,2108],{},[994,2105,2106],{},[630,2107,1047],{},[994,2109,1050],{},[979,2111,2112,2120],{},[994,2113,2114,756,2116,756,2118],{},[630,2115,1021],{},[630,2117,1024],{},[630,2119,1027],{},[994,2121,2122],{},"Listes",[979,2124,2125,2131],{},[994,2126,2127,756,2129],{},[630,2128,1057],{},[630,2130,1067],{},[994,2132,2133],{},"Conteneurs génériques (bloc \u002F inline)",[979,2135,2136,2140],{},[994,2137,2138],{},[630,2139,1077],{},[994,2141,2142],{},"Bouton",[592,2144,2146],{"id":2145},"sélecteurs-css","Sélecteurs CSS",[973,2148,2149,2157],{},[976,2150,2151],{},[979,2152,2153,2155],{},[982,2154,1403],{},[982,2156,1406],{},[989,2158,2159,2170,2183,2195,2208],{},[979,2160,2161,2165],{},[994,2162,2163],{},[630,2164,597],{},[994,2166,2167,2168],{},"Toutes les ",[630,2169,683],{},[979,2171,2172,2177],{},[994,2173,2174],{},[630,2175,2176],{},".note",[994,2178,2179,2180],{},"Tout ",[630,2181,2182],{},"class=\"note\"",[979,2184,2185,2189],{},[994,2186,2187],{},[630,2188,1494],{},[994,2190,2191,2192],{},"L'unique ",[630,2193,2194],{},"id=\"menu\"",[979,2196,2197,2201],{},[994,2198,2199],{},[630,2200,1452],{},[994,2202,2203,2205,2206],{},[630,2204,1027],{}," descendant d'",[630,2207,1021],{},[979,2209,2210,2214],{},[994,2211,2212],{},[630,2213,1467],{},[994,2215,2216,2218],{},[630,2217,1077],{}," au survol",[592,2220,2222],{"id":2221},"pièges-courants","Pièges courants",[907,2224,2225,2234,2243],{},[918,2226,2227,2228,1138,2230,2233],{},"Oublier ",[630,2229,687],{},[630,2231,2232],{},"\u003C\u002Fdiv>"," : structure ambiguë, bugs CSS\u002FJS.",[918,2235,2236,2237,2239,2240,766],{},"Plusieurs éléments avec le même ",[630,2238,1803],{}," : casse ",[630,2241,2242],{},"getElementById",[918,2244,2245,2247],{},[630,2246,2040],{}," = trois classes séparées par des espaces, pas une seule.",[592,2249,2251],{"id":2250},"syntaxe-htmlcss-de-référence","Syntaxe HTML\u002FCSS de référence",[650,2253,2255],{"className":652,"code":2254,"language":654,"meta":655,"style":655},"\u003Cbutton id=\"envoi\" class=\"bouton primaire\">Envoyer\u003C\u002Fbutton>\n",[630,2256,2257],{"__ignoreMap":655},[659,2258,2259,2261,2263,2265,2267,2269,2271,2273,2275,2277,2279],{"class":661,"line":662},[659,2260,666],{"class":665},[659,2262,1665],{"class":669},[659,2264,1668],{"class":710},[659,2266,714],{"class":665},[659,2268,1673],{"class":717},[659,2270,1676],{"class":710},[659,2272,714],{"class":665},[659,2274,1681],{"class":717},[659,2276,1684],{"class":665},[659,2278,1665],{"class":669},[659,2280,677],{"class":665},[650,2282,2284],{"className":1281,"code":2283,"language":1283,"meta":655,"style":655},".bouton { padding: 8px 16px; }\n#envoi  { background-color: green; color: white; }\n",[630,2285,2286,2307],{"__ignoreMap":655},[659,2287,2288,2290,2292,2295,2297,2299,2301,2303,2305],{"class":661,"line":662},[659,2289,1718],{"class":710},[659,2291,1565],{"class":665},[659,2293,2294],{"class":1297},"padding",[659,2296,1301],{"class":665},[659,2298,1730],{"class":1297},[659,2300,1321],{"class":1320},[659,2302,1735],{"class":1297},[659,2304,1321],{"class":1320},[659,2306,1576],{"class":665},[659,2308,2309,2311,2314,2317,2319,2321,2324,2326,2328,2330],{"class":661,"line":791},[659,2310,1766],{"class":710},[659,2312,2313],{"class":665},"  { ",[659,2315,2316],{"class":1297},"background-color",[659,2318,1301],{"class":665},[659,2320,1778],{"class":1297},[659,2322,2323],{"class":665},"; ",[659,2325,1568],{"class":1297},[659,2327,1301],{"class":665},[659,2329,1789],{"class":1297},[659,2331,1576],{"class":665},[1555,2333,2334],{},"html pre.shiki code .sxrX7, html code.shiki .sxrX7{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sovSZ, html code.shiki .sovSZ{--shiki-light:#22863A;--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .snPdu, html code.shiki .snPdu{--shiki-light:#6F42C1;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sIIMD, html code.shiki .sIIMD{--shiki-light:#032F62;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBjJW, html code.shiki .sBjJW{--shiki-light:#005CC5;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s8jYJ, html code.shiki .s8jYJ{--shiki-light:#D73A49;--shiki-default:#D73A49;--shiki-dark:#F97583}",{"title":655,"searchDepth":791,"depth":791,"links":2336},[2337,2338,2339,2340,2341,2342],{"id":1978,"depth":791,"text":1979},{"id":1991,"depth":791,"text":1992},{"id":2059,"depth":791,"text":2060},{"id":2145,"depth":791,"text":2146},{"id":2221,"depth":791,"text":2222},{"id":2250,"depth":791,"text":2251},"Mémo de révision sur les balises HTML et les sélecteurs CSS.",{},"\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fhtml-css-bases.memo",[],{"title":1972,"description":2343},"1.nsi-1ere\u002Fpe-ihm-web\u002F1.html-css-bases.memo","meRE9ZzzBJqV6eLL1l8DpStTjIqiL2Mprv5nWBbvosU",{"id":2351,"title":2352,"body":2353,"description":2764,"extension":1956,"meta":2765,"navigation":1962,"path":2766,"seo":2767,"stem":2768,"__hash__":2769},"coursSlides\u002F1.nsi-1ere\u002Fpe-ihm-web\u002F1.html-css-bases.slides.md","HTML et CSS — diapositives",{"type":589,"value":2354,"toc":2762},[2355,2359,2362,2365,2369,2388,2390,2394,2495,2497,2501,2543,2545,2549,2582,2584,2588,2616,2619,2649,2651,2653,2708,2710,2714,2739,2742,2744,2748,2759],[878,2356,2358],{"id":2357},"html-css","HTML & CSS",[597,2360,2361],{},"Rappel des fondamentaux avant d'attaquer l'interactivité Web.",[2363,2364],"hr",{},[878,2366,2368],{"id":2367},"html-structure","HTML = structure",[907,2370,2371,2374,2379],{},[918,2372,2373],{},"Arbre de balises imbriquées",[918,2375,2376],{},[630,2377,2378],{},"\u003Cbalise attribut=\"valeur\">contenu\u003C\u002Fbalise>",[918,2380,2381,2382,756,2384,756,2386],{},"Balises auto-fermantes : ",[630,2383,2004],{},[630,2385,762],{},[630,2387,759],{},[2363,2389],{},[878,2391,2393],{"id":2392},"squelette-minimal","Squelette minimal",[650,2395,2397],{"className":652,"code":2396,"language":654,"meta":655,"style":655},"\u003C!DOCTYPE html>\n\u003Chtml lang=\"fr\">\n  \u003Chead>\n    \u003Cmeta charset=\"UTF-8\">\n    \u003Ctitle>…\u003C\u002Ftitle>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003C!-- contenu visible -->\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[630,2398,2399,2409,2423,2431,2445,2458,2466,2474,2479,2487],{"__ignoreMap":655},[659,2400,2401,2403,2405,2407],{"class":661,"line":662},[659,2402,780],{"class":665},[659,2404,783],{"class":669},[659,2406,786],{"class":710},[659,2408,677],{"class":665},[659,2410,2411,2413,2415,2417,2419,2421],{"class":661,"line":791},[659,2412,666],{"class":665},[659,2414,654],{"class":669},[659,2416,798],{"class":710},[659,2418,714],{"class":665},[659,2420,803],{"class":717},[659,2422,677],{"class":665},[659,2424,2425,2427,2429],{"class":661,"line":808},[659,2426,811],{"class":665},[659,2428,814],{"class":669},[659,2430,677],{"class":665},[659,2432,2433,2435,2437,2439,2441,2443],{"class":661,"line":819},[659,2434,822],{"class":665},[659,2436,825],{"class":669},[659,2438,828],{"class":710},[659,2440,714],{"class":665},[659,2442,833],{"class":717},[659,2444,677],{"class":665},[659,2446,2447,2449,2451,2454,2456],{"class":661,"line":838},[659,2448,822],{"class":665},[659,2450,843],{"class":669},[659,2452,2453],{"class":665},">…\u003C\u002F",[659,2455,843],{"class":669},[659,2457,677],{"class":665},[659,2459,2460,2462,2464],{"class":661,"line":853},[659,2461,856],{"class":665},[659,2463,814],{"class":669},[659,2465,677],{"class":665},[659,2467,2468,2470,2472],{"class":661,"line":863},[659,2469,811],{"class":665},[659,2471,868],{"class":669},[659,2473,677],{"class":665},[659,2475,2476],{"class":661,"line":873},[659,2477,2478],{"class":1514},"    \u003C!-- contenu visible -->\n",[659,2480,2481,2483,2485],{"class":661,"line":888},[659,2482,856],{"class":665},[659,2484,868],{"class":669},[659,2486,677],{"class":665},[659,2488,2489,2491,2493],{"class":661,"line":902},[659,2490,964],{"class":665},[659,2492,654],{"class":669},[659,2494,677],{"class":665},[2363,2496],{},[878,2498,2500],{"id":2499},"balises-à-connaître","Balises à connaître",[907,2502,2503,2511,2516,2521,2526,2536],{},[918,2504,2505,2507,2508,2510],{},[630,2506,998],{},"…",[630,2509,1002],{}," — titres",[918,2512,2513,2515],{},[630,2514,683],{}," — paragraphe",[918,2517,2518,2520],{},[630,2519,1037],{}," — lien",[918,2522,2523,2525],{},[630,2524,1047],{}," — image",[918,2527,2528,2530,2531,2530,2533,2535],{},[630,2529,1021],{}," \u002F ",[630,2532,1024],{},[630,2534,1027],{}," — listes",[918,2537,2538,2530,2540,2542],{},[630,2539,1057],{},[630,2541,1067],{}," — conteneurs",[2363,2544],{},[878,2546,2548],{"id":2547},"attributs-clés","Attributs clés",[907,2550,2551,2559,2566],{},[918,2552,2553,2555,2556,2558],{},[630,2554,1631],{}," — ",[601,2557,1635],{}," dans la page",[918,2560,2561,2555,2563,2565],{},[630,2562,1645],{},[601,2564,1649],{},", peut être multiple",[918,2567,2568,756,2570,756,2573,756,2576,756,2579,2507],{},[630,2569,738],{},[630,2571,2572],{},"src",[630,2574,2575],{},"alt",[630,2577,2578],{},"target",[630,2580,2581],{},"type",[2363,2583],{},[878,2585,2587],{"id":2586},"css-présentation","CSS = présentation",[650,2589,2591],{"className":1281,"code":2590,"language":1283,"meta":655,"style":655},"sélecteur {\n  propriété: valeur;\n}\n",[630,2592,2593,2598,2612],{"__ignoreMap":655},[659,2594,2595],{"class":661,"line":662},[659,2596,2597],{"class":665},"sélecteur {\n",[659,2599,2600,2603,2606,2609],{"class":661,"line":791},[659,2601,2602],{"class":1297},"  propri",[659,2604,2605],{"class":665},"é",[659,2607,2608],{"class":1297},"t",[659,2610,2611],{"class":665},"é: valeur;\n",[659,2613,2614],{"class":661,"line":808},[659,2615,1340],{"class":665},[597,2617,2618],{},"Exemple :",[650,2620,2622],{"className":1281,"code":2621,"language":1283,"meta":655,"style":655},"p { color: navy; font-size: 18px; }\n",[630,2623,2624],{"__ignoreMap":655},[659,2625,2626,2628,2630,2632,2634,2636,2638,2641,2643,2645,2647],{"class":661,"line":662},[659,2627,597],{"class":669},[659,2629,1565],{"class":665},[659,2631,1568],{"class":1297},[659,2633,1301],{"class":665},[659,2635,1304],{"class":1297},[659,2637,2323],{"class":665},[659,2639,2640],{"class":1297},"font-size",[659,2642,1301],{"class":665},[659,2644,1317],{"class":1297},[659,2646,1321],{"class":1320},[659,2648,1576],{"class":665},[2363,2650],{},[878,2652,2146],{"id":2145},[973,2654,2655,2663],{},[976,2656,2657],{},[979,2658,2659,2661],{},[982,2660,1403],{},[982,2662,1406],{},[989,2664,2665,2675,2685,2695],{},[979,2666,2667,2671],{},[994,2668,2669],{},[630,2670,597],{},[994,2672,2167,2673],{},[630,2674,683],{},[979,2676,2677,2681],{},[994,2678,2679],{},[630,2680,1426],{},[994,2682,2683],{},[630,2684,1432],{},[979,2686,2687,2691],{},[994,2688,2689],{},[630,2690,1439],{},[994,2692,2693],{},[630,2694,1445],{},[979,2696,2697,2701],{},[994,2698,2699],{},[630,2700,1452],{},[994,2702,2703,2705,2706],{},[630,2704,1027],{}," dans ",[630,2707,1021],{},[2363,2709],{},[878,2711,2713],{"id":2712},"lier-css-au-html","Lier CSS au HTML",[650,2715,2717],{"className":652,"code":2716,"language":654,"meta":655,"style":655},"\u003Clink rel=\"stylesheet\" href=\"style.css\">\n",[630,2718,2719],{"__ignoreMap":655},[659,2720,2721,2723,2725,2727,2729,2731,2733,2735,2737],{"class":661,"line":662},[659,2722,666],{"class":665},[659,2724,1522],{"class":669},[659,2726,1525],{"class":710},[659,2728,714],{"class":665},[659,2730,1530],{"class":717},[659,2732,711],{"class":710},[659,2734,714],{"class":665},[659,2736,1537],{"class":717},[659,2738,677],{"class":665},[597,2740,2741],{},"C'est la méthode propre et standard.",[2363,2743],{},[878,2745,2747],{"id":2746},"à-retenir","À retenir",[597,2749,2750,2751,2754,2755,2758],{},"Une page Web = un ",[601,2752,2753],{},"arbre HTML"," habillé par des ",[601,2756,2757],{},"règles CSS",".\nTout le reste du chapitre s'appuie là-dessus.",[1555,2760,2761],{},"html pre.shiki code .sxrX7, html code.shiki .sxrX7{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sovSZ, html code.shiki .sovSZ{--shiki-light:#22863A;--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .snPdu, html code.shiki .snPdu{--shiki-light:#6F42C1;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sIIMD, html code.shiki .sIIMD{--shiki-light:#032F62;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sCsY4, html code.shiki .sCsY4{--shiki-light:#6A737D;--shiki-default:#6A737D;--shiki-dark:#6A737D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBjJW, html code.shiki .sBjJW{--shiki-light:#005CC5;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s8jYJ, html code.shiki .s8jYJ{--shiki-light:#D73A49;--shiki-default:#D73A49;--shiki-dark:#F97583}",{"title":655,"searchDepth":791,"depth":791,"links":2763},[],"Deck projetable pour la séance de rappel HTML\u002FCSS.",{},"\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fhtml-css-bases.slides",{"title":2352,"description":2764},"1.nsi-1ere\u002Fpe-ihm-web\u002F1.html-css-bases.slides","oHwA-v81fkG9IjbwlwIVMkSO09LLh5FOI6KAGtiGNJ4",{"id":1971,"title":1972,"bo":2771,"body":2772,"description":2343,"eval":1955,"extension":1956,"labo":1955,"meta":3076,"navigation":1962,"path":2345,"quizzes":3077,"readingTime":662,"seo":3078,"stem":2348,"tp":1955,"__hash__":2349},[],{"type":589,"value":2773,"toc":3068},[2774,2776,2782,2784,2826,2828,2904,2906,2970,2972,2990,2992,3020,3066],[592,2775,1979],{"id":1978},[597,2777,2778],{},[601,2779,1984,2780,1988],{},[630,2781,1987],{},[592,2783,1992],{"id":1991},[907,2785,2786,2796,2806,2818],{},[918,2787,1997,2788,2001,2790,756,2792,756,2794,766],{},[630,2789,2000],{},[630,2791,2004],{},[630,2793,762],{},[630,2795,759],{},[918,2797,2011,2798,2015,2800,2018,2802,2021,2804,766],{},[630,2799,2014],{},[630,2801,632],{},[630,2803,636],{},[630,2805,640],{},[918,2807,2808,2028,2810,2031,2812,2034,2814,2037,2816,2041],{},[630,2809,1631],{},[601,2811,1635],{},[630,2813,1645],{},[601,2815,1649],{},[630,2817,2040],{},[918,2819,2044,2820,2048,2822,2052,2824,2056],{},[630,2821,2047],{},[630,2823,2051],{},[630,2825,2055],{},[592,2827,2060],{"id":2059},[973,2829,2830,2838],{},[976,2831,2832],{},[979,2833,2834,2836],{},[982,2835,984],{},[982,2837,987],{},[989,2839,2840,2850,2858,2866,2874,2886,2896],{},[979,2841,2842,2848],{},[994,2843,2844,999,2846],{},[630,2845,998],{},[630,2847,1002],{},[994,2849,2083],{},[979,2851,2852,2856],{},[994,2853,2854],{},[630,2855,683],{},[994,2857,2092],{},[979,2859,2860,2864],{},[994,2861,2862],{},[630,2863,1037],{},[994,2865,2101],{},[979,2867,2868,2872],{},[994,2869,2870],{},[630,2871,1047],{},[994,2873,1050],{},[979,2875,2876,2884],{},[994,2877,2878,756,2880,756,2882],{},[630,2879,1021],{},[630,2881,1024],{},[630,2883,1027],{},[994,2885,2122],{},[979,2887,2888,2894],{},[994,2889,2890,756,2892],{},[630,2891,1057],{},[630,2893,1067],{},[994,2895,2133],{},[979,2897,2898,2902],{},[994,2899,2900],{},[630,2901,1077],{},[994,2903,2142],{},[592,2905,2146],{"id":2145},[973,2907,2908,2916],{},[976,2909,2910],{},[979,2911,2912,2914],{},[982,2913,1403],{},[982,2915,1406],{},[989,2917,2918,2928,2938,2948,2960],{},[979,2919,2920,2924],{},[994,2921,2922],{},[630,2923,597],{},[994,2925,2167,2926],{},[630,2927,683],{},[979,2929,2930,2934],{},[994,2931,2932],{},[630,2933,2176],{},[994,2935,2179,2936],{},[630,2937,2182],{},[979,2939,2940,2944],{},[994,2941,2942],{},[630,2943,1494],{},[994,2945,2191,2946],{},[630,2947,2194],{},[979,2949,2950,2954],{},[994,2951,2952],{},[630,2953,1452],{},[994,2955,2956,2205,2958],{},[630,2957,1027],{},[630,2959,1021],{},[979,2961,2962,2966],{},[994,2963,2964],{},[630,2965,1467],{},[994,2967,2968,2218],{},[630,2969,1077],{},[592,2971,2222],{"id":2221},[907,2973,2974,2980,2986],{},[918,2975,2227,2976,1138,2978,2233],{},[630,2977,687],{},[630,2979,2232],{},[918,2981,2236,2982,2239,2984,766],{},[630,2983,1803],{},[630,2985,2242],{},[918,2987,2988,2247],{},[630,2989,2040],{},[592,2991,2251],{"id":2250},[650,2993,2994],{"className":652,"code":2254,"language":654,"meta":655,"style":655},[630,2995,2996],{"__ignoreMap":655},[659,2997,2998,3000,3002,3004,3006,3008,3010,3012,3014,3016,3018],{"class":661,"line":662},[659,2999,666],{"class":665},[659,3001,1665],{"class":669},[659,3003,1668],{"class":710},[659,3005,714],{"class":665},[659,3007,1673],{"class":717},[659,3009,1676],{"class":710},[659,3011,714],{"class":665},[659,3013,1681],{"class":717},[659,3015,1684],{"class":665},[659,3017,1665],{"class":669},[659,3019,677],{"class":665},[650,3021,3022],{"className":1281,"code":2283,"language":1283,"meta":655,"style":655},[630,3023,3024,3044],{"__ignoreMap":655},[659,3025,3026,3028,3030,3032,3034,3036,3038,3040,3042],{"class":661,"line":662},[659,3027,1718],{"class":710},[659,3029,1565],{"class":665},[659,3031,2294],{"class":1297},[659,3033,1301],{"class":665},[659,3035,1730],{"class":1297},[659,3037,1321],{"class":1320},[659,3039,1735],{"class":1297},[659,3041,1321],{"class":1320},[659,3043,1576],{"class":665},[659,3045,3046,3048,3050,3052,3054,3056,3058,3060,3062,3064],{"class":661,"line":791},[659,3047,1766],{"class":710},[659,3049,2313],{"class":665},[659,3051,2316],{"class":1297},[659,3053,1301],{"class":665},[659,3055,1778],{"class":1297},[659,3057,2323],{"class":665},[659,3059,1568],{"class":1297},[659,3061,1301],{"class":665},[659,3063,1789],{"class":1297},[659,3065,1576],{"class":665},[1555,3067,2334],{},{"title":655,"searchDepth":791,"depth":791,"links":3069},[3070,3071,3072,3073,3074,3075],{"id":1978,"depth":791,"text":1979},{"id":1991,"depth":791,"text":1992},{"id":2059,"depth":791,"text":2060},{"id":2145,"depth":791,"text":2146},{"id":2221,"depth":791,"text":2222},{"id":2250,"depth":791,"text":2251},{},[],{"title":1972,"description":2343},{"id":2351,"title":2352,"body":3080,"description":2764,"extension":1956,"meta":3434,"navigation":1962,"path":2766,"seo":3435,"stem":2768,"__hash__":2769},{"type":589,"value":3081,"toc":3432},[3082,3084,3086,3088,3090,3106,3108,3110,3208,3210,3212,3246,3248,3250,3276,3278,3280,3302,3304,3332,3334,3336,3390,3392,3394,3418,3420,3422,3424,3430],[878,3083,2358],{"id":2357},[597,3085,2361],{},[2363,3087],{},[878,3089,2368],{"id":2367},[907,3091,3092,3094,3098],{},[918,3093,2373],{},[918,3095,3096],{},[630,3097,2378],{},[918,3099,2381,3100,756,3102,756,3104],{},[630,3101,2004],{},[630,3103,762],{},[630,3105,759],{},[2363,3107],{},[878,3109,2393],{"id":2392},[650,3111,3112],{"className":652,"code":2396,"language":654,"meta":655,"style":655},[630,3113,3114,3124,3138,3146,3160,3172,3180,3188,3192,3200],{"__ignoreMap":655},[659,3115,3116,3118,3120,3122],{"class":661,"line":662},[659,3117,780],{"class":665},[659,3119,783],{"class":669},[659,3121,786],{"class":710},[659,3123,677],{"class":665},[659,3125,3126,3128,3130,3132,3134,3136],{"class":661,"line":791},[659,3127,666],{"class":665},[659,3129,654],{"class":669},[659,3131,798],{"class":710},[659,3133,714],{"class":665},[659,3135,803],{"class":717},[659,3137,677],{"class":665},[659,3139,3140,3142,3144],{"class":661,"line":808},[659,3141,811],{"class":665},[659,3143,814],{"class":669},[659,3145,677],{"class":665},[659,3147,3148,3150,3152,3154,3156,3158],{"class":661,"line":819},[659,3149,822],{"class":665},[659,3151,825],{"class":669},[659,3153,828],{"class":710},[659,3155,714],{"class":665},[659,3157,833],{"class":717},[659,3159,677],{"class":665},[659,3161,3162,3164,3166,3168,3170],{"class":661,"line":838},[659,3163,822],{"class":665},[659,3165,843],{"class":669},[659,3167,2453],{"class":665},[659,3169,843],{"class":669},[659,3171,677],{"class":665},[659,3173,3174,3176,3178],{"class":661,"line":853},[659,3175,856],{"class":665},[659,3177,814],{"class":669},[659,3179,677],{"class":665},[659,3181,3182,3184,3186],{"class":661,"line":863},[659,3183,811],{"class":665},[659,3185,868],{"class":669},[659,3187,677],{"class":665},[659,3189,3190],{"class":661,"line":873},[659,3191,2478],{"class":1514},[659,3193,3194,3196,3198],{"class":661,"line":888},[659,3195,856],{"class":665},[659,3197,868],{"class":669},[659,3199,677],{"class":665},[659,3201,3202,3204,3206],{"class":661,"line":902},[659,3203,964],{"class":665},[659,3205,654],{"class":669},[659,3207,677],{"class":665},[2363,3209],{},[878,3211,2500],{"id":2499},[907,3213,3214,3220,3224,3228,3232,3240],{},[918,3215,3216,2507,3218,2510],{},[630,3217,998],{},[630,3219,1002],{},[918,3221,3222,2515],{},[630,3223,683],{},[918,3225,3226,2520],{},[630,3227,1037],{},[918,3229,3230,2525],{},[630,3231,1047],{},[918,3233,3234,2530,3236,2530,3238,2535],{},[630,3235,1021],{},[630,3237,1024],{},[630,3239,1027],{},[918,3241,3242,2530,3244,2542],{},[630,3243,1057],{},[630,3245,1067],{},[2363,3247],{},[878,3249,2548],{"id":2547},[907,3251,3252,3258,3264],{},[918,3253,3254,2555,3256,2558],{},[630,3255,1631],{},[601,3257,1635],{},[918,3259,3260,2555,3262,2565],{},[630,3261,1645],{},[601,3263,1649],{},[918,3265,3266,756,3268,756,3270,756,3272,756,3274,2507],{},[630,3267,738],{},[630,3269,2572],{},[630,3271,2575],{},[630,3273,2578],{},[630,3275,2581],{},[2363,3277],{},[878,3279,2587],{"id":2586},[650,3281,3282],{"className":1281,"code":2590,"language":1283,"meta":655,"style":655},[630,3283,3284,3288,3298],{"__ignoreMap":655},[659,3285,3286],{"class":661,"line":662},[659,3287,2597],{"class":665},[659,3289,3290,3292,3294,3296],{"class":661,"line":791},[659,3291,2602],{"class":1297},[659,3293,2605],{"class":665},[659,3295,2608],{"class":1297},[659,3297,2611],{"class":665},[659,3299,3300],{"class":661,"line":808},[659,3301,1340],{"class":665},[597,3303,2618],{},[650,3305,3306],{"className":1281,"code":2621,"language":1283,"meta":655,"style":655},[630,3307,3308],{"__ignoreMap":655},[659,3309,3310,3312,3314,3316,3318,3320,3322,3324,3326,3328,3330],{"class":661,"line":662},[659,3311,597],{"class":669},[659,3313,1565],{"class":665},[659,3315,1568],{"class":1297},[659,3317,1301],{"class":665},[659,3319,1304],{"class":1297},[659,3321,2323],{"class":665},[659,3323,2640],{"class":1297},[659,3325,1301],{"class":665},[659,3327,1317],{"class":1297},[659,3329,1321],{"class":1320},[659,3331,1576],{"class":665},[2363,3333],{},[878,3335,2146],{"id":2145},[973,3337,3338,3346],{},[976,3339,3340],{},[979,3341,3342,3344],{},[982,3343,1403],{},[982,3345,1406],{},[989,3347,3348,3358,3368,3378],{},[979,3349,3350,3354],{},[994,3351,3352],{},[630,3353,597],{},[994,3355,2167,3356],{},[630,3357,683],{},[979,3359,3360,3364],{},[994,3361,3362],{},[630,3363,1426],{},[994,3365,3366],{},[630,3367,1432],{},[979,3369,3370,3374],{},[994,3371,3372],{},[630,3373,1439],{},[994,3375,3376],{},[630,3377,1445],{},[979,3379,3380,3384],{},[994,3381,3382],{},[630,3383,1452],{},[994,3385,3386,2705,3388],{},[630,3387,1027],{},[630,3389,1021],{},[2363,3391],{},[878,3393,2713],{"id":2712},[650,3395,3396],{"className":652,"code":2716,"language":654,"meta":655,"style":655},[630,3397,3398],{"__ignoreMap":655},[659,3399,3400,3402,3404,3406,3408,3410,3412,3414,3416],{"class":661,"line":662},[659,3401,666],{"class":665},[659,3403,1522],{"class":669},[659,3405,1525],{"class":710},[659,3407,714],{"class":665},[659,3409,1530],{"class":717},[659,3411,711],{"class":710},[659,3413,714],{"class":665},[659,3415,1537],{"class":717},[659,3417,677],{"class":665},[597,3419,2741],{},[2363,3421],{},[878,3423,2747],{"id":2746},[597,3425,2750,3426,2754,3428,2758],{},[601,3427,2753],{},[601,3429,2757],{},[1555,3431,2761],{},{"title":655,"searchDepth":791,"depth":791,"links":3433},[],{},{"title":2352,"description":2764},1788035581235]