Différences

Ci-dessous, les différences entre deux révisions de la page.

--- prog:html [2024/03/14 22:52] – Ajout de "table" root
+++ prog:html [2024/11/03 23:33] (Version actuelle) – [Paragraphes] : oublie de / pour fermer un tag root
@@ Ligne 148: / Ligne 148: @@
     <ul>
       <li>liste non ordonnée imbriquée</li>
-    <ul>
+    </ul>
   </li>
-<ol>
+</ol>
 </code> | <HTML>
 <ol>
@@ Ligne 156: / Ligne 156: @@
     <ul>
       <li>liste non ordonnée imbriquée</li>
-    <ul>
+    </ul>
   </li>
-<ol>
+</ol>
 </HTML> |
@@ Ligne 168: / Ligne 168: @@
   <dd>Description 1</dd>
   <dd>Description 2</dd>
-<dl>
+</dl>
 </code> | <HTML>
 <dl>
@@ Ligne 174: / Ligne 174: @@
   <dd>Description 1</dd>
   <dd>Description 2</dd>
-<dl>
+</dl>
 </HTML> |
@@ Ligne 715: / Ligne 715: @@
 </table>
 </HTML> |
+Utiliser ''<caption>'' pour ajouter un titre à la table.
+Il est aussi possible de mettre les lignes d'entête dans un ''<thead>'', les lignes de bas de tableau dans un ''<tfoot>'' et les lignes restants dans un ''<tbody>''.
+Enfin, il est possible d'expliciter les entêtes des lignes et colonnes avec l'attribut ''scope=%%"col"%%'' ou ''scope=%%"row"%%''. Si des cellules d'entête sont fusionnées avec ''colspan'' ou ''rowspan'', il faut utiliser ''colgroup'' et ''rowgroup''.
+| <code html>
+<table>
+  <caption>Titre</caption>
+  <thead>
+    <tr>
+      <td>&nbsp;</td>
+      <th scope="col">Mon</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th scope="row">1st period</th>
+      <td>English</td>
+    </tr>
+  </tbody>
+  <tfoot>
+    <tr>
+      <td>Dernier1</td>
+      <th scope="col">Dernier2</th>
+    </tr>
+  </tfoot>
+</table>
+</code> | <HTML>
+<table>
+  <caption>Titre</caption>
+  <thead>
+    <tr>
+      <td>&nbsp;</td>
+      <th scope="col">Mon</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th scope="row">1st period</th>
+      <td>English</td>
+    </tr>
+  </tbody>
+  <tfoot>
+    <tr>
+      <td>Dernier1</td>
+      <th scope="col">Dernier2</th>
+    </tr>
+  </tfoot>
+</table>
+</HTML> |