td facebook twitter youtube

La balise <td> ( Une cellule ,table data)

 

Déclare les cellules d'un tableau htm (table data) peut contenir du texte et beaucoup d’autres éléments
HTML tels que des liens, des images, des listes, etc. Elle est toujours imbriquée dans un élément<tr> elle-même définie à l'intérieur de la balise <table>. En terme de structure, un tableau html est constitué d'un ensemble de lignes, et chaque ligne constituée d'un ensemble de cellules.
Il est possible d'utiliser la plupart des balises html au sein des cellules (images, listes, objets, paragraphes ...).

 

Attributs spécifiques à

 

Attribut Valeurs  Rôle
headers identifiants Une liste d'identifiants (attribut id) séparés par des espaces
de cellules en-têtes qui relèvent de cette cellule. Utilisé par
les navigateurs non visuels.
colspan nombre entier positif Nombre de colonnes occupées et fusionnées par cette cellule.
rowspan nombre entier positif Nombre de lignes occupées et fusionnées par cette cellule.

 

Style par défaut


td {
  display: table-cell;
  vertical-align: inherit;
}

 

Usage des attributs colspan et rowspan


<table>
  <tr>
    <th scope="col" colspan="2">Animal et groupe</th>
    <th scope="col">Classe</th>
  </tr>
  <tr>
    <td>Kangourou</td>
    <td>marsupial</td>
    <td rowspan="2">mammifère</td>
  </tr>
  <tr>
    <td>Baleine</td>
    <td>cétacé</td>
    <!-- on omet ce td car il est occupé par la cellule de la précédente ligne -->
  </tr>
</table>

 

Animal et groupe Classe
Kangourou marsupial mammifère
Baleine cétacé


  • table

    table

    Est destiné à contenir des données tabulaires,

    .......
    Voir Plus
  • thead

    thead

    La balise <thead>représente un en-tête de tableau,

    .......
    Voir Plus
  • tfoot

    tfoot

    Représente un pied de tableau

    .......
    Voir Plus
  • tbody

    tbody

    Corps du tableau html

    .......
    Voir Plus
  • tr

    tr

    Permet de déclarer une nouvelle ligne dans le  tableau.

    .......
    Voir Plus
  • th

    th

    Elle n'est à utiliser que pour définir les titres d'un tableau , régulièrement employée dans la première ligne de l'élément table dans le but de mettre en valeur les titres des colonnes.

    .......
    Voir Plus
  • caption

    caption

    Est d’attribuer une légende ou un titre à un tableau de données.

    .......
    Voir Plus
  • colgroup

    colgroup

    Placé en début de <table> est utilisé pour spécifier des propriétés communes à un groupe de colonnes.

    .......
    Voir Plus
  • col

    col

    Utilise pour décrire l'apparence des colonnes d'un tableau. Elle est ainsi employée uniquement à l'intérieur de l'élément <table>

    .......
    Voir Plus
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces