Flux rss
Bookmark Ajouter aux favoris / Partager
Le tabelle Os quadros Die Tabellen Tablas Tables

Utilisation de tableaux

Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes.

Un tableau doit respecter les quelques règles suivantes :

  • Le tableau est encadré par les balises <TABLE> et </TABLE>.
  • Le titre du tableau est encadré par <CAPTION> </CAPTION>
  • Chaque ligne est encadrée par <TR> </TR> (Table Row, traduisez par ligne du tableau).
  • Les cellules d'en-tête sont encadrées par <TH> </TH> (pour Table Header : En-tête de tableau)
  • Les cellules de valeur sont encadrées par <TD> </TD> (Table Data: Donnée de tableau)



Voici un exemple de tableau HTML :

<TABLE BORDER="1">
  <CAPTION> Voici le titre du tableau </CAPTION>
  <TR>
 <TH> Titre A1 </TH>
 <TH> Titre A2 </TH>
 <TH> Titre A3 </TH>
 <TH> Titre A4 </TH>
  </TR>
  <TR>
 <TH> Titre B1 </TH>
 <TD> Valeur B2 </TD>
 <TD> Valeur B3 </TD>
 <TD> Valeur B4 </TD>
  </TR>
</TABLE> 



Ce code donne le résultat suivant :


Voici le titre du tableau
Titre A1 Titre A2 Titre A3 Titre A4
Titre B1 Valeur B2 Valeur B3 Valeur B4

Les attributs


AttributBalises auxquelles il s'appliqueValeurEffet Visuel
ALIGNTHEAD
TBODY
TH
TR
TD
CENTER

LEFT

RIGHT

JUSTIFY

centré

Gauche

Droite

Justifié

CAPTIONTOP

BOTTOM

Au-dessus

En-dessous

VALIGN
(alignement vertical)
THEAD
TBODY
TH
TR
TD
TOP

MIDDLE

BOTTOM

En haut

Au milieu

En bas

BORDER=nTABLE Taille de la bordure
CELLPADDING=nTABLE Espacement de n pixels entre le contenu des cellules et la bordure
CELLSPACING=nTABLE Epaisseur de la grille intérieure
FLOATTABLERIGHT

LEFT

Position du texte qui suivra </TABLE>
COLS=nTABLE Nombre de colonnes
FRAME

(contrôle les éléments individuels d'encadrement du tableau)

TABLENONE

TOP

BOTTOM

TOPBOT

SIDES

ALL

Aucun

au-dessus

En bas

Tout en haut

Sur les cotés

Tous

RULES

(contrôle les éléments de la grille des cellules)

TABLENONE

BASIC

ROWS

COLS

ALL

Aucun

basique

Ligne

Colonne

Tous

COLSPANTHEAD
TBODY
TH
TR
TD
 Débordement des cellules sur les colonnes adjacentes
ROWSPANTHEAD
TBODY
TH
TR
TD
 Débordement des cellules sur les lignes adjacentes


Dernière modification le vendredi 24 avril 2009 à 11:33:57.Ce document intitulé « Tableaux HTML » issu de Comment Ça Marche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Javascript et tableau html (Résolu) bonjour je voudrai savoir s'il existe un script javascript qui permet de savoir le nombre des cellules existant dans un tableau HTML et merci www.commentcamarche.net/forum/affich-3494697-javascript-et-tableau-html
[ASP.NET C#]creer tableau HTML Dynamiquement Salut a tous! Voila je developpe une appli en ASP.NET codé C# et jaurai aimer savoir comment creer dynamiquement un tableau HTML a partir un code Behind C# en realité ca serai un enorme coup de pousse pour que je realise ce genre de chose :... www.commentcamarche.net/forum/affich-3121483-asp-net-c-creer-tableau-html-dynamiquement
Imprimer un tableau html sous format word !! Bonjour, j'ai des tableaux html dans mon site intranet ..j'ai besoin d'ajouter un bouton qui donne la possibilité d'imprimer ces tableaux selon le choix de l'utilisateur ..il peut choisir pdf ,word .. c'est le même principe que les banques ..ils ont... www.commentcamarche.net/forum/affich-7889433-imprimer-un-tableau-html-sous-format-word
Transparence d'un tableau html (Résolu)Bonjour à tous!! Je viens de créer un tableau en html (avec les balises th et tr), le truc c'est que ce tableau a un fond blanc alors que je voudrais que celui ci soit transparent car cela casse le fond de ma div principale... Quelqu'un sait il... www.commentcamarche.net/forum/affich-4225379-transparence-d-un-tableau-html
Espace entre les lignes d'un tableau HTML (Résolu)Bonjour, J’ai crée un tableau , et j'aimerai ne pas avoir d'espace entre les lignes horizontal de mon tableau, mais cellpadding n’a aucun effet. Quelqu'un aurait-il une idée ? Voçi le code html : print "\n"; print " www.commentcamarche.net/forum/affich-7673102-espace-entre-les-lignes-d-un-tableau-html
Les balises HTMLHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte contenant... www.commentcamarche.net/contents/html/htmlbalise.php3
Javascript - Les tableauxIntroduction à la notion de tableau Les variables de Javascript ne permettent de stocker qu'une seule donnée à la fois. Or, étant donné qu'il est souvent utile de manipuler de nombreuses données, le concept de variable se révéle parfois... www.commentcamarche.net/contents/javascript/jstab.php3