Il est possible d'insérer des tableaux dans les documents HTML. Les tableaux sont généralement utilisés pour faire la comparaison de données ou pour l'alignement des colonnes ou des rangées.
ALIGN=CENTER | LEFT | RIGHT
Permet au tableau d'être aligné à gauche, à droite ou au centre.
BACKGROUND=couleur
Permet d'insérer une image à l'arrière plan du tableau.
BGCOLOR=couleur
Permet d'attribuer une couleur au fond du tableau.
BORDER=nombre
Permet de mettre une bordure autour du tableau.
BORDERCOLOR=couleur
Permet d'attribuer une couleur à la bordure du tableau.
BORDERCOLORLIGHT=couleur
Permet d'attribuer une couleur aux points culminants de la bordure du tableau.
BORDERCOLORDARK=couleur
Permet d'attribuer une couleur à l'ombre de la bordure du tableau.
HEIGHT=nombre | %
Permet de faire varier la hauteur du tableau. La valeur peut être en pixels ou en pourcentage.
WIDTH=nombre | %
Permet de faire varier la largeur du tableau. La valeur peut être en pixels ou en pourcentage.
CELLSPACING=unNombre
Permet de jouer sur la quantité d'espace entre les cellules du tableau.
CELLPADDING=unNombre
Permet de jouer sur l'espace entre la bordure et le contenu de la cellule du tableau.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
DATASRC=nom
Spécifie la source des données s’y rattachant.
VALIGN=TOP | BOTTOM
Permet d'attribuer un alignement vertical pour l'ensemble du tableau.
FRAME=ABOVE | BELOW | BORDER | BOX | HSIDES | INSIDES | LHS | RHS | VOID | VSIDES
Cet attribut fonctionne seulement lorsque l'attribut BORDER est présent. Il permet d'ajuster l'affichage des bordures du tableau. Les valeurs acceptées sont les suivantes:
ABOVE Affiche les bordures externes du haut du tableau seulement.
BELOW Affiche les bordures externes du bas du tableau seulement.
BORDER Affiche les bordures sur tous les côtés du tableau.
BOX Affiche une boîte autour du tableau, c.-à-d., en haut, en bas, à gauche et à droite.
INSIDES Affiche les bordures sur le dessus et le dessous du tableau seulement.
HSIDES Affiche les bordures externes du coté horizontal du tableau, c.-à-d., en haut et en bas.
LHS Affiche les bordures externes du coté gauche du tableau seulement.
RHS Affiche les bordures externes du coté droit du tableau seulement.
VOID Permet de retirer toutes les bordures externes du tableau.
VSIDES Affiche les bordures externes du coté droit et gauche du tableau.
Exemple FRAME
RULES=ALL | COLS | GROUPS | NONE | ROWS
Cet attribut fonctionne seulement lorsque l'attribut BORDER et les commandes <THEAD>, <TBODY> et <TFOOT> sont présents. Il permet d'ajuster l'affichage interne de la bordure du tableau. Les valeurs acceptées sont les suivantes:
NONE Pour retirer toutes les bordures internes du tableau.
GROUPS Affiche une bordure horizontale entre les sections <THEAD>, <TBODY> et <TFOOT>.
ROWS Affiche une bordure horizontale entre toutes les lignes du tableau.
COLS Affiche une bordure horizontale entre toutes les colonnes du tableau.
ALL Affiche des bordures dans le tableau.
Exemple RULE
Événements:
Extensions Microsoft Explorer:
Onafterupdate, onbeforeupdate, onclick, ondblclick, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
1.
<TABLE BORDER=2 ALIGN=LEFT>
<TR>
<TD>A</TD>
<TD>B</TD>
<TD>C</TD>
</TR>
<TR>
<TD>D</TD>
<TD>E</TD>
<TD>F</TD>
</TR>
</TABLE>
Résultat:
| A | B | C |
| D | E | F |
| Cellule d'en-tête | |
|---|---|
| C1 | C2 |
| C3 | C4 |
| C5 | |
Cette commande définit le corps du tableau. Il fonctionne comme la commande <BODY> d'un document.
ALIGN=CENTER | LEFT | RIGHT
Permet de justifier à droite, à gauche ou au centre de la page.
BGCOLOR=couleur
Permet de spécifier une couleur.
VALIGN= BASELINE | BOTTOM | CENTER | TOP
Cet attribut définit l'alignement vertical du texte d'un groupe de colonnes.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
<TABLE BORDER WIDTH=75% FRAME=HSIDES RULES=COLS>
<THEAD>
<COLGROUP SPAN=4 ALIGN=LEFT VALIGN=TOP>
</THEAD>
<TBODY>
<TR>
<TD><B>Head1</B></TD>
<TD>Item 1</TD>
<TD>Item 2</TD>
<TD>Item 3</TD>
</TR>
<TR>
<TD><B>Head2</B></TD>
<TD>Item 4</TD>
<TD>Item 5</TD>
<TD>Item 6</TD>
</TR>
<TR>
<TD><B>Head3</B></TD>
<TD>Item 7</TD>
<TD>Item 8</TD>
<TD>Item 9</TD>
</TR>
</TBODY>
<TFOOT>7</TFOOT>
</TABLE>
Resultat:
| Head1 | Item 1 | Item 2 | Item 3 |
| Head2 | Item 4 | Item 5 | Item 6 |
| Head3 | Item 7 | Item 8 | Item 9 |
Cette commande définit une cellule à l'intérieur d'une ligne. Dans un tableau, il y a autant de balises TD que de colonnes par ligne.
ALIGN=CENTER | LEFT | RIGHT
Permet de justifier le texte dans une cellule à gauche, à droite ou au centre.
BACKGROUND=image
Permet d'insérer une image à l'arrière plan de la cellule du tableau.
BGCOLOR=couleur
Permet d'attribuer une couleur au fond du tableau.
BORDERCOLOR=couleur
Permet d'attribuer une couleur à la bordure du tableau.
BORDERCOLORLIGHT=couleur
Permet d'attribuer une couleur aux points culminants de la bordure du tableau.
BORDERCOLORDARK=couleur
Permet d'attribuer une couleur à l'ombre de la bordure du tableau.
COLSPAN=unNombre
Cette commande est utilisée avec TH ou TD. Elle spécifie le nombre de colonnes qu'une cellule peut occuper.
HEIGHT=nombre | %
Hauteur fixe de la cellule en pixel ou en %.
NOWRAP
Cette commande est utilisée avec TH ou TD. Elle interdit la coupure d'une ligne dans une cellule.
ROWSPAN=unNombre
Cette commande est utilisée avec TH ou TD. Elle spécifie le nombre de lignes qu'une cellule peut occuper.
VALIGN=BASELINE | BOTTOM | CENTER | TOP
Permet d'aligner le texte dans une cellule en haut, en bas ou au centre.
WIDTH=nombre | %
Largeur fixe de la cellule en pixel ou en %.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
Extensions Microsoft Explorer:
onafterupdate, onbeforeupdate, onclick, ondblclick, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
1.
<TABLE BORDER=2>
<TR>
<TD COLSPAN=2 ALIGN=RIGHT>A</TD>
<TD COLSPAN=3 ALIGN=CENTER>B</TD>
</TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
</TR>
</TABLE>
Résultat:
| A | B | |||
| 1 | 2 | 3 | 4 | 5 |
| A | 1 | 2 |
| 3 | 4 |
Cette commande permet à l'utilisateur de créer un champ rectangulaire pour les entrées de textes (boîte de texte multiligne).
COLS=nombre
L'attribut COLS définit le nombre de colonnes du champ de saisie.
ROWS=nombre
L'attribut ROWS définit le nombre de lignes du champ de saisie.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
ACCESSKEY=nom
Cet attribut est optionnel et permet d’ajouter un accélérateur à un élément.
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
Permet de spécifier un alignement.
DATAFLD=nom
Spécifie le nom de la colonne.
DATASRC=nom
Spécifie la source des données s’y rattachant.
DISABLED
Utilisé pour désactiver un élément.
READONLY
Spécifie que la boîte multiligne est en mode lecture seulement.
TABINDEX=nombre
Détermine la tabulation pour l’objet sélectionné.
Événements:
onblur, onchange, onfocus, onkeydown, onkeypress, onkeyup, onselect
Extensions Microsoft Explorer:
onafterupdate, onbeforeupdate, onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onresize
<FORM METHOD=POST ACTION="/cgi-shl/email.exe">
<TEXTAREA NAME="unNom" ROWS=4 COLS=40>
Contenu...
</TEXTAREA>
<INPUT TYPE=SUBMIT VALUE="Envoyez formulaire">
</FORM>
Résultat:
Cette commande spécifie le bas d'un tableau.
ALIGN=CENTER | LEFT | RIGHT
Permet de justifier à droite, à gauche ou au centre de la page.
BGCOLOR=couleur
Permet de spécifier une couleur.
VALIGN= BASELINE | BOTTOM | CENTER | TOP
Cet attribut définit l'alignement vertical du texte d'un groupe de colonnes.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
<TABLE BORDER WIDTH=75% FRAME=HSIDES RULES=COLS>
<THEAD>
<COLGROUP SPAN=4 ALIGN=LEFT VALIGN=TOP>
</THEAD>
<TBODY>
<TR>
<TD><B>Head1</B></TD>
<TD>Item 1</TD>
<TD>Item 2</TD>
<TD>Item 3</TD>
</TR>
<TR>
<TD><B>Head2</B></TD>
<TD>Item 4</TD>
<TD>Item 5</TD>
<TD>Item 6</TD>
</TR>
<TR>
<TD><B>Head3</B></TD>
<TD>Item 7</TD>
<TD>Item 8</TD>
<TD>Item 9</TD>
</TR>
</TBODY>
<TFOOT>7</TFOOT>
</TABLE>
Résultat:
| Head1 | Item 1 | Item 2 | Item 3 |
| Head2 | Item 4 | Item 5 | Item 6 |
| Head3 | Item 7 | Item 8 | Item 9 |
Cette commande définit une cellule à l'intérieur d'une ligne. Le contenu de la cellule est en caractère gras et centré.
ALIGN=CENTER | LEFT | RIGHT
Permet de justifier le texte dans une cellule à gauche, à droite ou au centre.
BACKGROUND=image
Permet d'insérer une image à l'arrière plan de la cellule du tableau.
BGCOLOR=couleur
Permet d'attribuer une couleur au fond du tableau.
BORDERCOLOR=couleur
Permet d'attribuer une couleur à la bordure du tableau.
BORDERCOLORLIGHT=couleur
Permet d'attribuer une couleur aux points culminants de la bordure du tableau.
BORDERCOLORDARK=couleur
Permet d'attribuer une couleur à l'ombre de la bordure du tableau.
COLSPAN=unNombre
Cette commande est utilisée avec TH ou TD. Elle spécifie le nombre de colonnes qu'une cellule peut occuper.
HEIGHT=nombre | %
Hauteur fixe de la cellule en pixel ou en %.
NOWRAP
Cette commande est utilisée avec TH ou TD. Elle interdit la coupure d'une ligne dans une cellule.
ROWSPAN=unNombre
Cette commande est utilisée avec TH ou TD. Elle spécifie le nombre de lignes qu'une cellule peut occuper.
VALIGN=BASELINE | BOTTOM | CENTER | TOP
Permet d'aligner le texte dans une cellule en haut, en bas ou au centre.
WIDTH=nombre | %
Largeur fixe de la cellule en pixel ou en %.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
Extensions Microsoft Explorer:
onafterupdate, onbeforeupdate, onclick, ondblclick, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
1.
<TABLE BORDER=4>
<TR>
<TH COLSPAN=2>Titre1</TH>
<TH COLSPAN=2>Titre2</TH>
</TR>
<TR>
<TD>Élément 1</TD>
<TD>Élément 2</TD>
<TD>Élément 5</TD>
<TD>Élément 6</TD>
</TR>
<TR>
<TD>Élément 3</TD>
<TD>Élément 4</TD>
<TD>Élément 7</TD>
<TD>Élément 8</TD>
</TR>
</TABLE>
Résultat:
| Titre1 | Titre2 | ||
|---|---|---|---|
| Élément 1 | Élément 2 | Élément 5 | Élément 6 |
| Élément 3 | Élément 4 | Élément 7 | Élément 8 |
| Titre1 | Élément 1 | Élément 2 | Élément 3 |
|---|---|---|---|
| Élément 4 | Élément 5 | Élément 6 | |
| Titre2 | Élément 7 | Élément 8 | Élément 9 |
Cette commande définit la tête du tableau, c'est-à-dire son aspect général. Il fonctionne comme la commande <HEAD> d'un document.
ALIGN=CENTER | LEFT | RIGHT
Permet de justifier à droite, à gauche ou au centre de la page.
BGCOLOR=couleur
Permet de spécifier une couleur.
VALIGN= BASELINE | BOTTOM | CENTER | TOP
Cet attribut définit l'alignement vertical du texte d'un groupe de colonnes.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
<TABLE BORDER WIDTH=75% FRAME=HSIDES RULES=COLS>
<THEAD>
<COLGROUP SPAN=4 ALIGN=LEFT VALIGN=TOP>
</THEAD>
<TBODY>
<TR>
<TD><B>Head1</B></TD>
<TD>Item 1</TD>
<TD>Item 2</TD>
<TD>Item 3</TD>
</TR>
<TR>
<TD><B>Head2</B></TD>
<TD>Item 4</TD>
<TD>Item 5</TD>
<TD>Item 6</TD>
</TR>
<TR>
<TD><B>Head3</B></TD>
<TD>Item 7</TD>
<TD>Item 8</TD>
<TD>Item 9</TD>
</TR>
</TBODY>
<TFOOT>7</TFOOT>
</TABLE>
Résultat:
| Head1 | Item 1 | Item 2 | Item 3 |
| Head2 | Item 4 | Item 5 | Item 6 |
| Head3 | Item 7 | Item 8 | Item 9 |
Cette commande est utilisée dans la section de tête (HEAD) du document. La commande TITLE donne le titre du document.
<HTML> <HEAD> <TITLE>Document 1</TITLE> </HEAD> …
Cette commande définit le nombre de lignes dans un tableau. Il y a autant de balises TR qu'il y a de lignes dans un tableau. La balise TR peut prendre les deux attributs ci-dessous. Toutefois, l'alignement des cellules (TD ou TH) a préséance sur celui du TR.
ALIGN=CENTER | LEFT | RIGHT
Permet de justifier le texte dans une cellule à gauche, à droite ou au centre.
BGCOLOR=couleur
Permet d'attribuer une couleur au fond du tableau.
BORDERCOLOR=couleur
Permet d'attribuer une couleur à la bordure du tableau.
BORDERCOLORLIGHT=couleur
Permet d'attribuer une couleur aux points culminants de la bordure du tableau.
BORDERCOLORDARK=couleur
Permet d'attribuer une couleur à l'ombre de la bordure du tableau.
VALIGN=BASELINE | BOTTOM | CENTER | TOP
Permet d'aligner le texte dans une cellule en haut, en bas ou au centre.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
Extensions Microsoft Explorer:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
<TABLE BORDER=2>
<TR>
<TD COLSPAN=2 ALIGN=RIGHT>A</TD>
<TD COLSPAN=3 ALIGN=CENTER>B</TD>
</TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
</TR>
</TABLE>
Résultat:
| A | B | |||
| 1 | 2 | 3 | 4 | 5 |
Cette commande spécifie le texte qui sera affiché dans une police de caractères fixes de type machine à écrire ( type writer).
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
Extensions Microsoft Explorer:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
Le texte suivant est affiché dans <TT>une police de type machine à écrire</TT>.
Résultat:
Le texte suivant est affiché dans une police de type machine à écrire.
Cette commande spécifie que le texte sera souligné.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
Extensions Microsoft Explorer:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
Ce <U>mot</U> est souligné.
Résultat:
Ce mot est souligné.
La commande UL permet d'avoir une liste précédée d'une puce. UL représente une liste non ordonnée (unordered list) et LI représente une liste d'items (list item).
COMPACT
Permet de réduire l'espace occupé par la liste.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Netscape:
TYPE=DISC | CIRCLE | SQUARE
Spécifie un type pour les puces.
Extensions Microsoft Explorer:
ALIGN=CENTER | LEFT | RIGHT
Permet de justifier à droite, à gauche ou au centre de la page.
SRC=URL
Identifie une image qui sera utilisée comme puce.
Événements:
Extensions Microsoft Explorer:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
<UL>
<LI>Item1
<LI>Item2
<LI>Item3
</UL>
Résultat:
Cette commande est habituellement utilisée pour l'affichage des variables de programme.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Événements:
Extensions Microsoft Explorer:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
Le mot suivant est une <VAR>variable</VAR> de programme.
Résultat:
Le mot suivant est une variable de programme.
Cette balise est utile dans les cas spéciaux où une section NOBR requiert un retour de chariot à un endroit précis. De plus, WBR peut servir à indiquer au navigateur l'endroit où une ligne de texte ou un mot est autorisé à recevoir un retour de chariot.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
ALIGN=CENTER | LEFT | RIGHT
Permet de justifier à droite, à gauche ou au centre de la page.
Événements:
Extensions Microsoft Explorer:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
Résultat:
Une ligne de texte,
Cette commande est utilisée pour afficher une partie de texte comme un exemple dans le document. Elle s’avère utile lorsque des exemples de code HTML doivent être affichés.
CLASS=nom
Spécifie le nom de la classe donnée à la feuille de style.
ID=nom
Associe un nom à une cible dans un lien hypertexte ou à un élément particulier dans une feuille de style associée.
STYLE=nom
Spécifie une feuille de style intraligne.
Extensions Microsoft Explorer:
ALIGN=CENTER | LEFT | RIGHT
Permet de justifier à droite, à gauche ou au centre de la page.
Événements:
Extensions Microsoft Explorer:
onclick, ondblclick, onhelp, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup
Texte1
<XMP>
Pour mettre du texte en gras, utilisez les balises <B></B>
</XMP>
Texte2
Résultat: