{"id":37,"date":"2023-12-21T21:17:18","date_gmt":"2023-12-21T21:17:18","guid":{"rendered":"https:\/\/yzaz.net\/html\/?page_id=37"},"modified":"2024-11-03T10:01:25","modified_gmt":"2024-11-03T10:01:25","slug":"tableaux","status":"publish","type":"page","link":"https:\/\/yzaz.net\/html\/tableaux\/","title":{"rendered":"Tableaux"},"content":{"rendered":"

Les tableaux sont d\u00e9crits par l’\u00e9l\u00e9ment <table ><\/strong>.<\/p>\n

Un tableau simple<\/h3>\n

<table ><\/strong> d\u00e9finit l’ensemble du tableau. \u00c0 l’int\u00e9rieur, il faut d\u00e9crire les lignes du tableau et ses cellules.
\nL’\u00e9l\u00e9ment <tr><\/strong> d\u00e9crit les lignes, et <td><\/strong>les cellules.
\nOn d\u00e9clare dans l’ordre <table><\/strong>, puis <tr><\/strong> et enfin <td><\/strong>.<\/p>\n

\r\n\r\n<table> \r\n<tr>                          <!--Nouvelle ligne du table-->\r\n<td>Cellule (1 2) <\/td>\r\n<td>Cellule (1 2) <\/td>\r\n<\/tr>\r\n\r\n<tr>                          <!--Nouvelle ligne du table-->\r\n<td>Cellule (2 1) <\/td>\r\n<td>Cellule (2 2) <\/td>\r\n<\/tr>\r\n\r\n<tr>                         <!--Nouvelle ligne du table-->\r\n<td>Cellule (3 1) <\/td>\r\n<td>Cellule (3 2) <\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/pre>\n
\"\"<\/p>\n
Nous ajoutons une bordure et un titre pour le tableau:<\/p>\n
\r\n<!-- Ajout de bordure avec l'attribut 'border'. Le chiffre 2 correspond \u00e0 l'\u00e9paisseur de la bordure -->\r\n\r\n<table border="2">  \r\n\r\n<!-- la balise caption pour ajouter le titre -->\r\n\r\n<caption>Titre du tableau<\/caption>\r\n\r\n<tr>\r\n<td>Cellule (1 2) <\/td>\r\n<td>Cellule (1 2) <\/td>\r\n<\/tr>\r\n\r\n<tr>\r\n<td>Cellule (2 1) <\/td>\r\n<td>Cellule (2 2) <\/td  <\/tr>\r\n\r\n<tr>\r\n<td>Cellule (3 1) <\/td>\r\n<td>Cellule (3 2) <\/td>\r\n<\/tr>\r\n<\/table>\r\n<\/pre>\n
\"\"<\/h3>\n
Tableaux \u00e9volu\u00e9s<\/h3>\n
Le tableau peut \u00eatre divis\u00e9 en 3 parties:
\nL’ent\u00eate du tableau: limit\u00e9 entre les balises <thead><\/strong> et <\/thead><\/strong>
\nLe corps du tableau: limit\u00e9 entre les balises <tbody><\/strong> et <\/tbody><\/strong>
\nLe pied du tableau: limit\u00e9 entre les balises <tfoot><\/strong> et <\/tfoot><\/strong><\/p>\n
la partie du tableau dont les cellules sont d\u00e9finies par des <\/p>\n\nDans les parties: <thead><\/strong> et <tfoot><\/strong>, les <td><\/strong> sont remplac\u00e9s par <th><\/strong><\/p>\n
\r\n\r\n<table border="1">  \r\n\r\n<caption>Tableau \u00e9labor\u00e9<\/caption>\r\n\r\n<thead>\r\n<tr>\r\n<th>Titre col 1 <\/th>\r\n<th>Titre col 2 <\/th>\r\n<\/tr>\r\n<\/thead>\r\n\r\n<tbody>\r\n<tr>\r\n<td>Cellule (1 2) <\/td>\r\n<td>Cellule (1 2) <\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Cellule (2 1) <\/td>\r\n<td>Cellule (2 2) <\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Cellule (3 1) <\/td>\r\n<td>Cellule (3 2) <\/td>\r\n<\/tr>\r\n<\/tbody>\r\n\r\n<tfoot>\r\n<tr>\r\n<th>Piel 1 <\/th>\r\n<th>Pied 2 <\/th>\r\n<\/tr>\r\n<\/tfoot>\r\n<\/table>\r\n<\/pre>\n
\"\"<\/h3>\n
Fusionner des lignes ou des colonnes<\/h3>\n
l’attribut colspan <\/strong> pour fusionner des colonnes et l’attribut rowspan <\/strong>pour fusionner des lignes.<\/p>\n
\r\n\r\n<table border="1">  \r\n<tr>\r\n<td>Cellule (1 2) <\/td>\r\n<td>Cellule (1 2) <\/td>\r\n<td>Cellule (1 3) <\/td>\r\n<\/tr>\r\n\r\n<tr>\r\n<td>            Cellule (2 1)          <\/td>\r\n<td colspan="2">Cellules (2 2) et (2 3)<\/td>\r\n<\/tr>\r\n\r\n<tr>\r\n<td>Cellule (3 1) <\/td>\r\n<td>Cellule (3 2) <\/td>\r\n<td>Cellule (3 3)<\/td>\r\n<\/tr>\r\n<tr>\r\n<td rowspan="2">Cellules (4 1) et (5 1)<\/td>\r\n<td>            Cellule  (4 2) <\/td>\r\n<td>            Cellule  (4 3)<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Cellule (5 2) <\/td>\r\n<td>Cellule (5 3)<\/td>\r\n<\/tr>\r\n\r\n<\/table>\r\n<\/pre>\n
\"\"<\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
Les tableaux sont d\u00e9crits par l’\u00e9l\u00e9ment <table >. Un tableau simple <table > d\u00e9finit l’ensemble du tableau. \u00c0 l’int\u00e9rieur, il faut d\u00e9crire les lignes du tableau et ses cellules. L’\u00e9l\u00e9ment <tr> d\u00e9crit les lignes, et <td>les cellules. On d\u00e9clare dans l’ordre <table>, puis <tr> et enfin <td>. <table> <tr> <!–Nouvelle ligne du table–> <td>Cellule (1 2) <\/td> <td>Cellule (1 2)<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/pages\/37"}],"collection":[{"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":1,"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/pages\/37\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/yzaz.net\/html\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}