oujood.com

 Le langage HTML Balise TABLE

La balise TABLE est un conteneur très utilisé; dans les pages web. Elle facilite la mise en forme des informations

chercher |

Les tableaux Balise <table>

LES BALISES HTML

Balise <table> : Tableau

Balise de fermeture obligatoire.

La balise <table> est un tableau de données de la page web xhtml (balise de type BLOC).
La balise TABLE est un conteneur très utilisé; dans les pages web. Elle facilite la mise en forme des informations grâce à son découpage en lignes et cellules complètement paramétrables. Il est nécéssaire d'utiliser les balises TR et TD pour mettre en forme les éléments à afficher dans la table.
D'autres balises peuvent structurer la table, voici toutes ces balises et leur ordre d'apparition :

<TABLE>
<CAPTION>
<THEAD>
<TR>
<TH>
<TBODY>
<TR>
<TD>
<TFOOT>
<TR>
<TD>
Ses attributs spécifiques sont :
- cellspacing : Espacement entre les cellules de la table
- cellpadding : Espacement entre le contenu des cellules et leurs bordures
- cols : Nombre de colonnes dans la table
- frame : Détermine qu'elles seront les bordures visibles de la table
(above, below, border, box, hsides, lhs, rhs, void, vsides)
- rules : Types de bordures appliquées au tableau
- bordercolor : Couleur des bordures du tableau

- bordercolordark : Couleur de la bordure sombre des éléments du tableau (côté haut et côté gauche des cellules)
- bordercolorlight : Couleur de la bordure claire des éléments du tableau (côté bas et côté droite des cellules)
Exemple :

Exemple :       Copier le code

    
<table cellspacing="3" cellpadding="2" border="rules">
<caption>titre</caption>
<thead>
<tr>
<th>titre1</th>
<th>titre2</th>
<th>titre3</th>
</tr>
</thead>
<tbody>
<tr>
<td>valeur Tbody</td>
<td>valeur Tbody</td>
<td>valeur Tbody</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>valeur Tfoot</td>
<td>valeur Tfoot</td>
<td>valeur Tfoot</td>
</tr>
</tfoot>
</table>

Ses attributs

La colone DTD dan l tablau suivant indique dans quel HTML 4.01/XHTML 1,0 DTD l'attribut est autorisé:
S=Strict, T=Transitional, and F=Frameset.


Les attributs optionnels

Attribut Valeur Description DTD
align left
center
right
Obsoléte. Employez les styles css à la place. Spécifie l'alignement d'une table selon le texte environnant TF
bgcolor rgb(x,x,x)
#xxxxxx
colorname
Obsoléte. Employez les styles css à la place. Spécifie la couleur de fond pour une table TF
border pixels Spécifie la largeur des frontières autour d'une table STF
cellpadding pixels Spécifie l'espace entre la paroi cellulaire et le contenu de cellules STF
cellspacing pixels Spécifie l'espace entre les cellules STF
frame void
above
below
hsides
lhs
rhs
vsides
box
border
Spécifie quelles parties des frontières extérieures qui devraient être visible STF
rules none
groups
rows
cols
all
Spécifie quelles parties des frontières intérieures qui devraient être évidentes STF
summary text Spécifie un résumé du contenu d'une table STF
width Pixels
%
Spécifie la largeur d'une table STF


      Vous êtes ici:Balise TABLE         Retour à la liste des balises






Retour à l'accueil du site

Par carabde 10 mars 2014

Voir aussi nos tutoriel :

jQuery sélecteurs des éléments de formulaire

jQuery sélecteurs des éléments de formulaire

fonction soundex, soundex

Calcule la clé soundex

fonction sha1

Calcule le sha1 d'une chaîne de caractères