[{"data":1,"prerenderedAt":1084},["ShallowReactive",2],{"page-\u002Fhtml\u002Flistes-et-tableaux":3,"pieces-html":1041,"autour-\u002Fhtml\u002Flistes-et-tableaux":1066,"prerequis-\u002Fhtml\u002Flistes-et-tableaux":1071,"plan-html":1073},{"id":4,"title":5,"body":6,"description":1014,"extension":1015,"ligne":37,"meta":1016,"motsCles":1017,"navigation":1022,"niveau":1023,"path":1024,"prerequis":1025,"ressources":1027,"seo":1035,"sources":1036,"stem":1039,"__hash__":1040},"docs\u002Fhtml\u002F04.listes-et-tableaux.md","Listes et tableaux",{"type":7,"value":8,"toc":1001},"minimark",[9,14,27,31,124,143,155,159,233,242,253,257,263,363,369,373,388,464,467,471,479,701,705,795,806,810,820,834,840,846,850,853,867,921,924,930,934,937,945,949,997],[10,11,13],"h2",{"id":12},"ce-que-tu-vas-apprendre","Ce que tu vas apprendre",[15,16,17,21,24],"ul",{},[18,19,20],"li",{},"Choisir entre une liste à puces, une liste numérotée et une liste de définitions.",[18,22,23],{},"Construire un tableau avec en-têtes et légende.",[18,25,26],{},"Fusionner des cellules et rendre un tableau compréhensible pour tous.",[10,28,30],{"id":29},"la-liste-à-puces","La liste à puces",[32,33,39],"pre",{"className":34,"code":35,"filename":36,"language":37,"meta":38,"style":38},"language-html shiki shiki-themes github-light-default github-dark-default github-dark-default","\u003Ch2>Ingrédients\u003C\u002Fh2>\n\u003Cul>\n  \u003Cli>200 g de farine\u003C\u002Fli>\n  \u003Cli>100 g de beurre\u003C\u002Fli>\n  \u003Cli>3 pommes\u003C\u002Fli>\n\u003C\u002Ful>\n","recette.html","html","",[40,41,42,62,71,86,100,114],"code",{"__ignoreMap":38},[43,44,47,51,54,57,59],"span",{"class":45,"line":46},"line",1,[43,48,50],{"class":49},"scfrF","\u003C",[43,52,10],{"class":53},"s5JFL",[43,55,56],{"class":49},">Ingrédients\u003C\u002F",[43,58,10],{"class":53},[43,60,61],{"class":49},">\n",[43,63,65,67,69],{"class":45,"line":64},2,[43,66,50],{"class":49},[43,68,15],{"class":53},[43,70,61],{"class":49},[43,72,74,77,79,82,84],{"class":45,"line":73},3,[43,75,76],{"class":49},"  \u003C",[43,78,18],{"class":53},[43,80,81],{"class":49},">200 g de farine\u003C\u002F",[43,83,18],{"class":53},[43,85,61],{"class":49},[43,87,89,91,93,96,98],{"class":45,"line":88},4,[43,90,76],{"class":49},[43,92,18],{"class":53},[43,94,95],{"class":49},">100 g de beurre\u003C\u002F",[43,97,18],{"class":53},[43,99,61],{"class":49},[43,101,103,105,107,110,112],{"class":45,"line":102},5,[43,104,76],{"class":49},[43,106,18],{"class":53},[43,108,109],{"class":49},">3 pommes\u003C\u002F",[43,111,18],{"class":53},[43,113,61],{"class":49},[43,115,117,120,122],{"class":45,"line":116},6,[43,118,119],{"class":49},"\u003C\u002F",[43,121,15],{"class":53},[43,123,61],{"class":49},[125,126,127,130,131,135,136,130,139,142],"p",{},[40,128,129],{},"\u003Cul>"," (",[132,133,134],"em",{},"unordered list",", « liste non ordonnée ») contient des éléments ",[40,137,138],{},"\u003Cli>",[132,140,141],{},"list item","). Utilise-la quand l'ordre des éléments n'a pas d'importance : les ingrédients, par exemple.",[125,144,145,146,148,149,151,152,154],{},"Seuls des ",[40,147,138],{}," peuvent être placés directement dans un ",[40,150,129],{},". Le texte libre doit aller à l'intérieur d'un ",[40,153,138],{},".",[10,156,158],{"id":157},"la-liste-numérotée","La liste numérotée",[32,160,162],{"className":34,"code":161,"language":37,"meta":38,"style":38},"\u003Ch2>Préparation\u003C\u002Fh2>\n\u003Col>\n  \u003Cli>Mélange la farine et le beurre.\u003C\u002Fli>\n  \u003Cli>Étale la pâte dans un moule.\u003C\u002Fli>\n  \u003Cli>Dispose les pommes et enfourne.\u003C\u002Fli>\n\u003C\u002Fol>\n",[40,163,164,177,186,199,212,225],{"__ignoreMap":38},[43,165,166,168,170,173,175],{"class":45,"line":46},[43,167,50],{"class":49},[43,169,10],{"class":53},[43,171,172],{"class":49},">Préparation\u003C\u002F",[43,174,10],{"class":53},[43,176,61],{"class":49},[43,178,179,181,184],{"class":45,"line":64},[43,180,50],{"class":49},[43,182,183],{"class":53},"ol",[43,185,61],{"class":49},[43,187,188,190,192,195,197],{"class":45,"line":73},[43,189,76],{"class":49},[43,191,18],{"class":53},[43,193,194],{"class":49},">Mélange la farine et le beurre.\u003C\u002F",[43,196,18],{"class":53},[43,198,61],{"class":49},[43,200,201,203,205,208,210],{"class":45,"line":88},[43,202,76],{"class":49},[43,204,18],{"class":53},[43,206,207],{"class":49},">Étale la pâte dans un moule.\u003C\u002F",[43,209,18],{"class":53},[43,211,61],{"class":49},[43,213,214,216,218,221,223],{"class":45,"line":102},[43,215,76],{"class":49},[43,217,18],{"class":53},[43,219,220],{"class":49},">Dispose les pommes et enfourne.\u003C\u002F",[43,222,18],{"class":53},[43,224,61],{"class":49},[43,226,227,229,231],{"class":45,"line":116},[43,228,119],{"class":49},[43,230,183],{"class":53},[43,232,61],{"class":49},[125,234,235,130,238,241],{},[40,236,237],{},"\u003Col>",[132,239,240],{},"ordered list",") numérote ses éléments. Choisis-la quand l'ordre compte : des étapes à suivre, un classement.",[125,243,244,245,248,249,252],{},"Deux attributs utiles : ",[40,246,247],{},"start=\"3\""," commence à un autre nombre, et ",[40,250,251],{},"reversed"," compte à rebours.",[10,254,256],{"id":255},"les-listes-imbriquées","Les listes imbriquées",[125,258,259,260,262],{},"Une liste peut en contenir une autre. Place la sous-liste à l'intérieur d'un ",[40,261,138],{},", avant sa fermeture :",[32,264,266],{"className":34,"code":265,"language":37,"meta":38,"style":38},"\u003Cul>\n  \u003Cli>Pâte\n    \u003Cul>\n      \u003Cli>Farine\u003C\u002Fli>\n      \u003Cli>Beurre\u003C\u002Fli>\n    \u003C\u002Ful>\n  \u003C\u002Fli>\n  \u003Cli>Garniture\u003C\u002Fli>\n\u003C\u002Ful>\n",[40,267,268,276,285,294,308,321,330,340,354],{"__ignoreMap":38},[43,269,270,272,274],{"class":45,"line":46},[43,271,50],{"class":49},[43,273,15],{"class":53},[43,275,61],{"class":49},[43,277,278,280,282],{"class":45,"line":64},[43,279,76],{"class":49},[43,281,18],{"class":53},[43,283,284],{"class":49},">Pâte\n",[43,286,287,290,292],{"class":45,"line":73},[43,288,289],{"class":49},"    \u003C",[43,291,15],{"class":53},[43,293,61],{"class":49},[43,295,296,299,301,304,306],{"class":45,"line":88},[43,297,298],{"class":49},"      \u003C",[43,300,18],{"class":53},[43,302,303],{"class":49},">Farine\u003C\u002F",[43,305,18],{"class":53},[43,307,61],{"class":49},[43,309,310,312,314,317,319],{"class":45,"line":102},[43,311,298],{"class":49},[43,313,18],{"class":53},[43,315,316],{"class":49},">Beurre\u003C\u002F",[43,318,18],{"class":53},[43,320,61],{"class":49},[43,322,323,326,328],{"class":45,"line":116},[43,324,325],{"class":49},"    \u003C\u002F",[43,327,15],{"class":53},[43,329,61],{"class":49},[43,331,333,336,338],{"class":45,"line":332},7,[43,334,335],{"class":49},"  \u003C\u002F",[43,337,18],{"class":53},[43,339,61],{"class":49},[43,341,343,345,347,350,352],{"class":45,"line":342},8,[43,344,76],{"class":49},[43,346,18],{"class":53},[43,348,349],{"class":49},">Garniture\u003C\u002F",[43,351,18],{"class":53},[43,353,61],{"class":49},[43,355,357,359,361],{"class":45,"line":356},9,[43,358,119],{"class":49},[43,360,15],{"class":53},[43,362,61],{"class":49},[125,364,365,366,368],{},"Une erreur courante est de fermer le ",[40,367,138],{}," avant la sous-liste. Garde en tête l'imbrication vue au premier chapitre.",[10,370,372],{"id":371},"la-liste-de-définitions","La liste de définitions",[125,374,375,376,379,380,383,384,387],{},"Pour associer un terme à sa description, utilise ",[40,377,378],{},"\u003Cdl>"," avec ",[40,381,382],{},"\u003Cdt>"," (le terme) et ",[40,385,386],{},"\u003Cdd>"," (la description).",[32,389,391],{"className":34,"code":390,"language":37,"meta":38,"style":38},"\u003Cdl>\n  \u003Cdt>Blanchir\u003C\u002Fdt>\n  \u003Cdd>Plonger brièvement un aliment dans l'eau bouillante.\u003C\u002Fdd>\n  \u003Cdt>Réduire\u003C\u002Fdt>\n  \u003Cdd>Faire évaporer un liquide pour l'épaissir.\u003C\u002Fdd>\n\u003C\u002Fdl>\n",[40,392,393,402,416,430,443,456],{"__ignoreMap":38},[43,394,395,397,400],{"class":45,"line":46},[43,396,50],{"class":49},[43,398,399],{"class":53},"dl",[43,401,61],{"class":49},[43,403,404,406,409,412,414],{"class":45,"line":64},[43,405,76],{"class":49},[43,407,408],{"class":53},"dt",[43,410,411],{"class":49},">Blanchir\u003C\u002F",[43,413,408],{"class":53},[43,415,61],{"class":49},[43,417,418,420,423,426,428],{"class":45,"line":73},[43,419,76],{"class":49},[43,421,422],{"class":53},"dd",[43,424,425],{"class":49},">Plonger brièvement un aliment dans l'eau bouillante.\u003C\u002F",[43,427,422],{"class":53},[43,429,61],{"class":49},[43,431,432,434,436,439,441],{"class":45,"line":88},[43,433,76],{"class":49},[43,435,408],{"class":53},[43,437,438],{"class":49},">Réduire\u003C\u002F",[43,440,408],{"class":53},[43,442,61],{"class":49},[43,444,445,447,449,452,454],{"class":45,"line":102},[43,446,76],{"class":49},[43,448,422],{"class":53},[43,450,451],{"class":49},">Faire évaporer un liquide pour l'épaissir.\u003C\u002F",[43,453,422],{"class":53},[43,455,61],{"class":49},[43,457,458,460,462],{"class":45,"line":116},[43,459,119],{"class":49},[43,461,399],{"class":53},[43,463,61],{"class":49},[125,465,466],{},"Elle convient à un glossaire, ou à des paires « nom : valeur » comme la durée et la difficulté d'une recette.",[10,468,470],{"id":469},"le-tableau","Le tableau",[125,472,473,474,478],{},"Un ",[475,476,477],"strong",{},"tableau"," présente des données à deux dimensions : des lignes et des colonnes. Ne l'utilise jamais pour mettre en page un site, uniquement pour de vraies données.",[32,480,483],{"className":34,"code":481,"filename":482,"language":37,"meta":38,"style":38},"\u003Ctable>\n  \u003Ccaption>Temps de cuisson\u003C\u002Fcaption>\n  \u003Cthead>\n    \u003Ctr>\n      \u003Cth scope=\"col\">Recette\u003C\u002Fth>\n      \u003Cth scope=\"col\">Température\u003C\u002Fth>\n      \u003Cth scope=\"col\">Durée\u003C\u002Fth>\n    \u003C\u002Ftr>\n  \u003C\u002Fthead>\n  \u003Ctbody>\n    \u003Ctr>\n      \u003Cth scope=\"row\">Tarte aux pommes\u003C\u002Fth>\n      \u003Ctd>180 °C\u003C\u002Ftd>\n      \u003Ctd>35 min\u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Ftbody>\n\u003C\u002Ftable>\n","tableau.html",[40,484,485,494,508,517,526,551,570,589,597,605,615,624,645,660,674,683,692],{"__ignoreMap":38},[43,486,487,489,492],{"class":45,"line":46},[43,488,50],{"class":49},[43,490,491],{"class":53},"table",[43,493,61],{"class":49},[43,495,496,498,501,504,506],{"class":45,"line":64},[43,497,76],{"class":49},[43,499,500],{"class":53},"caption",[43,502,503],{"class":49},">Temps de cuisson\u003C\u002F",[43,505,500],{"class":53},[43,507,61],{"class":49},[43,509,510,512,515],{"class":45,"line":73},[43,511,76],{"class":49},[43,513,514],{"class":53},"thead",[43,516,61],{"class":49},[43,518,519,521,524],{"class":45,"line":88},[43,520,289],{"class":49},[43,522,523],{"class":53},"tr",[43,525,61],{"class":49},[43,527,528,530,533,537,540,544,547,549],{"class":45,"line":102},[43,529,298],{"class":49},[43,531,532],{"class":53},"th",[43,534,536],{"class":535},"s5iOY"," scope",[43,538,539],{"class":49},"=",[43,541,543],{"class":542},"shWOn","\"col\"",[43,545,546],{"class":49},">Recette\u003C\u002F",[43,548,532],{"class":53},[43,550,61],{"class":49},[43,552,553,555,557,559,561,563,566,568],{"class":45,"line":116},[43,554,298],{"class":49},[43,556,532],{"class":53},[43,558,536],{"class":535},[43,560,539],{"class":49},[43,562,543],{"class":542},[43,564,565],{"class":49},">Température\u003C\u002F",[43,567,532],{"class":53},[43,569,61],{"class":49},[43,571,572,574,576,578,580,582,585,587],{"class":45,"line":332},[43,573,298],{"class":49},[43,575,532],{"class":53},[43,577,536],{"class":535},[43,579,539],{"class":49},[43,581,543],{"class":542},[43,583,584],{"class":49},">Durée\u003C\u002F",[43,586,532],{"class":53},[43,588,61],{"class":49},[43,590,591,593,595],{"class":45,"line":342},[43,592,325],{"class":49},[43,594,523],{"class":53},[43,596,61],{"class":49},[43,598,599,601,603],{"class":45,"line":356},[43,600,335],{"class":49},[43,602,514],{"class":53},[43,604,61],{"class":49},[43,606,608,610,613],{"class":45,"line":607},10,[43,609,76],{"class":49},[43,611,612],{"class":53},"tbody",[43,614,61],{"class":49},[43,616,618,620,622],{"class":45,"line":617},11,[43,619,289],{"class":49},[43,621,523],{"class":53},[43,623,61],{"class":49},[43,625,627,629,631,633,635,638,641,643],{"class":45,"line":626},12,[43,628,298],{"class":49},[43,630,532],{"class":53},[43,632,536],{"class":535},[43,634,539],{"class":49},[43,636,637],{"class":542},"\"row\"",[43,639,640],{"class":49},">Tarte aux pommes\u003C\u002F",[43,642,532],{"class":53},[43,644,61],{"class":49},[43,646,648,650,653,656,658],{"class":45,"line":647},13,[43,649,298],{"class":49},[43,651,652],{"class":53},"td",[43,654,655],{"class":49},">180 °C\u003C\u002F",[43,657,652],{"class":53},[43,659,61],{"class":49},[43,661,663,665,667,670,672],{"class":45,"line":662},14,[43,664,298],{"class":49},[43,666,652],{"class":53},[43,668,669],{"class":49},">35 min\u003C\u002F",[43,671,652],{"class":53},[43,673,61],{"class":49},[43,675,677,679,681],{"class":45,"line":676},15,[43,678,325],{"class":49},[43,680,523],{"class":53},[43,682,61],{"class":49},[43,684,686,688,690],{"class":45,"line":685},16,[43,687,335],{"class":49},[43,689,612],{"class":53},[43,691,61],{"class":49},[43,693,695,697,699],{"class":45,"line":694},17,[43,696,119],{"class":49},[43,698,491],{"class":53},[43,700,61],{"class":49},[10,702,704],{"id":703},"les-éléments-dun-tableau","Les éléments d'un tableau",[491,706,707,717],{},[514,708,709],{},[523,710,711,714],{},[532,712,713],{},"Élément",[532,715,716],{},"Rôle",[612,718,719,729,741,758,772,785],{},[523,720,721,726],{},[652,722,723],{},[40,724,725],{},"\u003Ctable>",[652,727,728],{},"Le tableau entier",[523,730,731,736],{},[652,732,733],{},[40,734,735],{},"\u003Ccaption>",[652,737,738,739],{},"Son titre, placé juste après ",[40,740,725],{},[523,742,743,755],{},[652,744,745,748,749,748,752],{},[40,746,747],{},"\u003Cthead>",", ",[40,750,751],{},"\u003Ctbody>",[40,753,754],{},"\u003Ctfoot>",[652,756,757],{},"En-tête, corps et pied",[523,759,760,765],{},[652,761,762],{},[40,763,764],{},"\u003Ctr>",[652,766,767,768,771],{},"Une ligne (",[132,769,770],{},"table row",")",[523,773,774,779],{},[652,775,776],{},[40,777,778],{},"\u003Cth>",[652,780,781,782,771],{},"Une cellule d'en-tête (",[132,783,784],{},"header",[523,786,787,792],{},[652,788,789],{},[40,790,791],{},"\u003Ctd>",[652,793,794],{},"Une cellule de données",[125,796,797,798,748,800,802,803,805],{},"Les trois zones ",[40,799,747],{},[40,801,751],{}," et ",[40,804,754],{}," ne sont pas obligatoires. Elles clarifient le code et permettent de styler chaque partie en CSS.",[10,807,809],{"id":808},"rendre-un-tableau-accessible","Rendre un tableau accessible",[125,811,812,813,816,817,819],{},"L'attribut ",[40,814,815],{},"scope"," précise ce qu'un ",[40,818,778],{}," décrit :",[15,821,822,828],{},[18,823,824,827],{},[40,825,826],{},"scope=\"col\""," : il décrit toute la colonne en dessous ;",[18,829,830,833],{},[40,831,832],{},"scope=\"row\""," : il décrit toute la ligne vers la droite.",[125,835,836,837,839],{},"Grâce à lui, un lecteur d'écran annonce « Durée, 35 min » en lisant une cellule, au lieu de réciter des valeurs sans contexte. Le ",[40,838,735],{}," donne le sujet du tableau avant même qu'on le lise.",[841,842,843],"tip",{},[125,844,845],{},"Teste ton tableau : si tu peux lire chaque cellule sans voir les autres, en entendant son en-tête, c'est gagné.",[10,847,849],{"id":848},"fusionner-des-cellules","Fusionner des cellules",[125,851,852],{},"Deux attributs étendent une cellule :",[15,854,855,861],{},[18,856,857,860],{},[40,858,859],{},"colspan=\"2\""," : la cellule occupe deux colonnes ;",[18,862,863,866],{},[40,864,865],{},"rowspan=\"2\""," : la cellule occupe deux lignes.",[32,868,870],{"className":34,"code":869,"language":37,"meta":38,"style":38},"\u003Ctr>\n  \u003Ctd colspan=\"2\">Cuisson au four\u003C\u002Ftd>\n  \u003Ctd>35 min\u003C\u002Ftd>\n\u003C\u002Ftr>\n",[40,871,872,880,901,913],{"__ignoreMap":38},[43,873,874,876,878],{"class":45,"line":46},[43,875,50],{"class":49},[43,877,523],{"class":53},[43,879,61],{"class":49},[43,881,882,884,886,889,891,894,897,899],{"class":45,"line":64},[43,883,76],{"class":49},[43,885,652],{"class":53},[43,887,888],{"class":535}," colspan",[43,890,539],{"class":49},[43,892,893],{"class":542},"\"2\"",[43,895,896],{"class":49},">Cuisson au four\u003C\u002F",[43,898,652],{"class":53},[43,900,61],{"class":49},[43,902,903,905,907,909,911],{"class":45,"line":73},[43,904,76],{"class":49},[43,906,652],{"class":53},[43,908,669],{"class":49},[43,910,652],{"class":53},[43,912,61],{"class":49},[43,914,915,917,919],{"class":45,"line":88},[43,916,119],{"class":49},[43,918,523],{"class":53},[43,920,61],{"class":49},[125,922,923],{},"La ligne doit toujours compter le même nombre de colonnes au total. Ici, la cellule fusionnée en prend deux, donc il n'y a plus qu'une cellule après elle pour une table à trois colonnes.",[925,926,927],"note",{},[125,928,929],{},"Les cellules fusionnées compliquent la lecture avec un lecteur d'écran. Si tu peux découper ton tableau en deux plus simples, fais-le.",[10,931,933],{"id":932},"liste-ou-tableau","Liste ou tableau ?",[125,935,936],{},"Pose-toi une question : mes données ont-elles plusieurs colonnes qui se lisent ensemble ?",[15,938,939,942],{},[18,940,941],{},"Une seule série d'éléments : une liste.",[18,943,944],{},"Des éléments décrits par plusieurs critères (recette, température, durée) : un tableau.",[10,946,948],{"id":947},"à-retenir","À retenir",[15,950,951,962,974,987,994],{},[18,952,953,955,956,958,959,961],{},[40,954,129],{}," pour une liste sans ordre, ",[40,957,237],{}," pour une liste ordonnée, ",[40,960,378],{}," pour des termes et leurs définitions.",[18,963,145,964,966,967,802,969,971,972,154],{},[40,965,138],{}," vont directement dans ",[40,968,129],{},[40,970,237],{},", et une sous-liste se place dans un ",[40,973,138],{},[18,975,976,977,748,979,802,981,983,984,986],{},"Un tableau est fait de ",[40,978,764],{},[40,980,778],{},[40,982,791],{},", avec un ",[40,985,735],{}," qui le titre.",[18,988,989,802,991,993],{},[40,990,826],{},[40,992,832],{}," relient chaque cellule à son en-tête.",[18,995,996],{},"Un tableau sert aux données, jamais à la mise en page.",[998,999,1000],"style",{},"html pre.shiki code .scfrF, html code.shiki .scfrF{--shiki-light:#1F2328;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3}html pre.shiki code .s5JFL, html code.shiki .s5JFL{--shiki-light:#116329;--shiki-default:#7EE787;--shiki-dark:#7EE787}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 .s5iOY, html code.shiki .s5iOY{--shiki-light:#0550AE;--shiki-default:#79C0FF;--shiki-dark:#79C0FF}html pre.shiki code .shWOn, html code.shiki .shWOn{--shiki-light:#0A3069;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF}",{"title":38,"searchDepth":64,"depth":73,"links":1002},[1003,1004,1005,1006,1007,1008,1009,1010,1011,1012,1013],{"id":12,"depth":64,"text":13},{"id":29,"depth":64,"text":30},{"id":157,"depth":64,"text":158},{"id":255,"depth":64,"text":256},{"id":371,"depth":64,"text":372},{"id":469,"depth":64,"text":470},{"id":703,"depth":64,"text":704},{"id":808,"depth":64,"text":809},{"id":848,"depth":64,"text":849},{"id":932,"depth":64,"text":933},{"id":947,"depth":64,"text":948},"Présenter des ingrédients et des étapes avec des listes, et des données chiffrées avec des tableaux accessibles.","md",{},[15,183,18,1018,491,500,514,1019,1020,1021],"liste de définitions","th scope","colspan","tableau de données",true,"intermediaire","\u002Fhtml\u002Flistes-et-tableaux",[1026],"\u002Fhtml\u002Ftexte-liens-images",[1028,1032],{"nom":1029,"url":1030,"type":1031},"MDN, Listes en HTML","https:\u002F\u002Fdeveloper.mozilla.org\u002Ffr\u002Fdocs\u002FLearn_web_development\u002FCore\u002FStructuring_content\u002FLists","cours",{"nom":1033,"url":1034,"type":1031},"MDN, Les bases des tableaux HTML","https:\u002F\u002Fdeveloper.mozilla.org\u002Ffr\u002Fdocs\u002FLearn_web_development\u002FCore\u002FStructuring_content\u002FHTML_table_basics",{"title":5,"description":1014},[1037,1038],{"nom":1029,"url":1030},{"nom":1033,"url":1034},"html\u002F04.listes-et-tableaux","7JZovI3g6gu_Clp6yUpDa5qqE8GeX7NgYLBmgaxHyxU",[1042,1046,1050,1053,1054,1058,1062],{"path":1043,"title":1044,"stem":1045},"\u002Fhtml\u002Fune-page-web","Qu'est-ce que HTML ?","html\u002F01.une-page-web",{"path":1047,"title":1048,"stem":1049},"\u002Fhtml\u002Fstructure-du-document","La structure d'un document","html\u002F02.structure-du-document",{"path":1026,"title":1051,"stem":1052},"Texte, liens et images","html\u002F03.texte-liens-images",{"path":1024,"title":5,"stem":1039},{"path":1055,"title":1056,"stem":1057},"\u002Fhtml\u002Fsemantique-et-accessibilite","Sémantique et accessibilité","html\u002F05.semantique-et-accessibilite",{"path":1059,"title":1060,"stem":1061},"\u002Fhtml\u002Fformulaires-et-validation","Formulaires et validation","html\u002F06.formulaires-et-validation",{"path":1063,"title":1064,"stem":1065},"\u002Fhtml","HTML","html\u002Findex",[1067,1069],{"title":1051,"path":1026,"stem":1052,"description":1068,"children":-1},"Structurer du texte avec des titres et des paragraphes, créer des liens entre pages et insérer des images.",{"title":1056,"path":1055,"stem":1057,"description":1070,"children":-1},"Découper une page avec header, nav, main, article et footer, et comprendre pourquoi le bon élément rend le web utilisable par tous.",[1072],{"path":1026,"title":1051,"ligne":37},[1074,1076,1077,1078,1079,1080,1082],{"path":1043,"title":1044,"niveau":1075,"stem":1045},"debutant",{"path":1047,"title":1048,"niveau":1075,"stem":1049},{"path":1026,"title":1051,"niveau":1075,"stem":1052},{"path":1024,"title":5,"niveau":1023,"stem":1039},{"path":1055,"title":1056,"niveau":1023,"stem":1057},{"path":1059,"title":1060,"niveau":1081,"stem":1061},"avance",{"path":1063,"title":1064,"niveau":1083,"stem":1065},"memo",1794583442261]