Hypertext Markup Language/Tableaux

Une page de Wikiversité.


Tableaux
Computer-aj aj ashton 01.svg
Chapitre 8
Leçon : HTML
Chap. préc. : Images
Chap. suiv. : Formulaires
Icon falscher Titel.svg

En raison de limitations techniques, la typographie souhaitable du titre, « Hypertext Markup Language : Tableaux
Hypertext Markup Language/Tableaux
 », n'a pu être restituée correctement ci-dessus.

[modifier] Introduction

[modifier] Syntaxe

  • caption permet de définir une légende (c'est un paramètre optionnel).
  • tr (table row) délimite une ligne.
  • td (table data) délimite une colonne.
  • th (table header) permet de définir des intitulés de colonne ou de ligne.


Exemple

<table>
 <caption>légende</caption>
 <tr>
  <th>Titre de la colonne 1</th>
  <th>Titre de la colonne 2</th>
 </tr>
 <tr>
  <td>case 1</td>
  <td>case 2</td>
 </tr>
</table>

donne un tableau comme suit:

légende
Titre de la colonne 1 Titre de la colonne 2
case 1 case 2

[modifier] Attributs courants

  • border règle la taille de la bordure.


Exemple

case 1 case 2
<table border="1">
 <tr>
  <td>case 1</td>
  <td>case 2</td>
 </tr>
</table>
  • colspan et rowspan permettent de fusionner des cellules horizontalement (resp. verticalement). S'applique sur les balises tr, td et th.


Exemple

case 1 case 2
case 4 case 5 case 6
case 8 case 9
<table border="1">
 <tr>
  <td>case 1</td>
  <td colspan="2">case 2</td>
 </tr>
 <tr>
  <td rowspan="2">case 4</td>
  <td>case 5</td>
  <td>case 6</td>
 </tr>
 <tr>
  <td>case 8</td>
  <td>case 9</td>
 </tr>
</table>
Crystal Clear action back.png Images