5.2 Tableaux de données simples 4/4

Lundi 22 juin 2015

Les tableaux de données simples ont les caractéristiques suivantes :

  • élément caption, contribuable
  • th pour les en-têtes, avec attribut scope pertinent

Mode opératoire

  1. Cliquer sur le bouton d’insertion de tableau
  2. renseigner le contenu
  3. La première ligne sert de titre
  4. Possibilité de mettre en gras la première colonne pour qu’elle serve de titre

Résultat

Prix des légumes
La première colonne contient les noms des légumes et la deuxième leur prix
LégumesPrix
Choux 3€
Carotte 2€
Navet 5€
Joomla 1€
Drupal 50€
Wordpress 10€

Code généré :

<table class="spip" summary="La première colonne contient les noms des légumes et la deuxième leur prix">
<caption>Prix des légumes</caption>
<thead><tr class="row_first"><th id="idd53f_c0">Légumes</th><th id="idd53f_c1">Prix</th></tr></thead>
<tbody>
<tr class="row_odd odd">
<td headers="idd53f_c0">Choux</td>
<td headers="idd53f_c1">3€</td></tr>
<tr class="row_even even">
<td headers="idd53f_c0">Carotte</td>
<td headers="idd53f_c1">2€</td></tr>
<tr class="row_odd odd">
<td headers="idd53f_c0">Navet</td>
<td headers="idd53f_c1">5€</td></tr>
<tr class="row_even even">
<td headers="idd53f_c0">Joomla</td>
<td headers="idd53f_c1">1€</td></tr>
<tr class="row_odd odd">
<td headers="idd53f_c0">Drupal</td>
<td headers="idd53f_c1">50€</td></tr>
<tr class="row_even even">
<td headers="idd53f_c0">Wordpress</td>
<td headers="idd53f_c1">10€</td></tr>
</tbody>
</table>

Score

4/4

Dans la même rubrique…

Revenir en haut