SELFHTML: HTML / Tableaux / Tableaux de couleur

SELFHTML/Quickbar HTML Tableaux

	Tableaux de couleur
	Couleur d'arrière plan pour le tableau complet Couleur d'arrière plan pour des lignes ou des cellules Couleurs pour le bord et le quadrillage Image d'arrière plan (papier peint) pour tableaux ou cellules de tableau

Couleur d'arrière plan pour le tableau complet

Exemple d'affichage: aperçu

Vous pouvez définir pour toutes les cellules d'un tableau une couleur d'arrière plan uniforme.

Exemple:

<table border bgcolor=#CCFFFF>
    <tr>
      <td>ligne 1 colonne 1 = bleu ciel</td>
      <td>ligne 1 colonne 2 =  bleu ciel</td>
    </tr>
    <tr>
      <td>ligne 2 colonne 1 =  bleu ciel</td>
      <td>ligne 2 colonne 2 =  bleu ciel</td>
    </tr>
</table>

Explication:

Grâce à l'attribut bgcolor= dans le repère d'ouverture du tableau, vous pouvez déterminer une couleur d'arrière plan pour le tableau complet (bgcolor = background color = couleur d'arrière plan). Pour mentionner la couleur reportez vous aux règles pour la définition de couleurs en HTML.

Attention:

Si vous définissez une couleur d'arrière plan, vous devez définir une couleur contrastée appropriée pour le texte. Au cas où vous voulez utiliser la commande HTML pour changer la couleur de police dans le texte, vous devez répéter cette commande dans chaque cellule. Il est cependant bien préférable de définir des formats de feuilles de style centrales pour les cellules de tableau th et td.

Couleur d'arrière plan pour des lignes ou des cellules

Exemple d'affichage: aperçu

Vous pouvez définir une couleur d'arrière plan pour une ligne ou une cellule distincte d'un tableau.

Exemple:

<table border>
    <tr bgcolor=#CCFFFF>
      <td>ligne 1 colonne 1 = bleu ciel (valable pour la ligne)</td>
      <td>ligne 1 colonne 2 = bleu ciel(valable pour la ligne)</td>
    </tr>
    <tr bgcolor=#CCFFCC>
      <td bgcolor=#CCFFCC>ligne 2 colonne 1 = vert clair (valable pour cette cellule)</td>
      <td bgcolor=#FFCCFF>ligne 2 colonne 2 = violet clair (valable pour cette cellule)</td>
    </tr>
</table>

Explication:

Avec l'attribut bgcolor= dans le repère d'ouverture d'une ligne (<tr>) vous pouvez définir une couleur d'arrière plan pour toutes les cellules de cette ligne (bgcolor = background color = couleur d'arrière plan). Si vous mentionnez bgcolor= dans le repère d'ouverture d'une cellule de données (<td>) ou d'une cellule d'entête (<th>), La couleur d'arrière plan ne sera valable que pour cette seule cellule. Pour mentionner les couleurs, reportez vous aux règles pour définir les couleurs en HTML.

Attention:

En cas de conflit la mention de couleur dans des cellules distinctes a priorité sur la mention de couleur pour une ligne complète ou pour tout le tableau.

Couleurs pour le bord et le quadrillage

Exemple d'affichage: aperçu

Vous pouvez également mentionner des couleurs pour le cadre et le quadrillage. Ces mentions ne sont toutefois pour l'instant interprétées que par l' Explorer Internet MS et ne font pas partie du standard HTML.

Exemple 1:

<table border bgcolor=#CCFFFF bordercolor=#000099>
    <tr>
      <td>ligne 1 colonne 1 = bleu ciel, cadre et quadrillage bleu foncé</td>
      <td>ligne 1 colonne 2 = bleu ciel, cadre et quadrillage bleu foncé</td>
    </tr>
    <tr>
      <td>ligne 2 colonne 1 = bleu ciel, cadre et quadrillage bleu foncé</td>
      <td>ligne 2 colonne 2 = bleu ciel, cadre et quadrillage bleu foncé</td>
    </tr>
</table>

Exemple 2:

<table border=4 bgcolor=#CCFFCC bordercolordark=#660000 bordercolorlight=#FF0000>
    <tr>
      <td>ligne 1 colonne 1 = vert clair, cadre et quadrillage rouge foncé/rouge</td>
      <td>ligne 1 colonne 2 = vert clair, cadre et quadrillage rouge foncé/rouge</td>
    </tr>
    <tr>
      <td>ligne 2 colonne 1 = vert clair, cadre et quadrillage rouge foncé/rouge</td>
      <td>ligne 2 colonne 2 = vert clair, cadre et quadrillage rouge foncé/rouge</td>
    </tr>
</table>

Explication:

Grâce à l'attribut bordercolor= placé dans le repère d'ouverture d'un tableau, vous déterminez une couleur uniforme pour le cadre et le quadrillage (bordercolor = couleur du cadre).

À la place d'une simple couleur de cadre vous pouvez aussi apporter un effet ombragé dans le cadre, en définissant deux couleurs différentes- une plus foncée et une plus claire. Pour cela, notez dans le repère d'ouverture du tableau les deux mentions bordercolordark= (bordercolordark = couleur de cadre sombre ) et bordercolorlight= (bordercolorlight = couleur de cadre claire ).

Image d'arrière plan (papier peint) pour tableaux ou cellules de tableau

Exemple d'affichage: aperçu

Vous pouvez définir pour un tableau votre propre image d'arrière plan (papier peint). Cela fonctionne exactement comme pour les images d'arrière plan (papier peint) pour le corps de fichier complet.

Les images d'arrière plan pour les tableaux ne font pas partie à l'heure actuelle du standard de langage de programmation HTML. C'est pourquoi, il est préférable pour ce faire d'employer les feuilles de style CSS (voyez autres possibilités).

Exemple :

<table border=4 background="fichier.gif">
    <tr>
      <td background="fichier2.gif">ligne 1 ligne 1</td>
      <td>ligne 1 ligne 2</td>
    </tr>
    <tr>
      <td background="datei2.gif">ligne 2 colonne 1</td>
      <td>ligne 2 colonne 2</td>
    </tr>
</table>

Explication:

Avec l'attribut background= dans le repère d'ouverture du tableau vous pouvez déterminer une image d'arrière plan pour le tableau complet (background = arrière plan). Si vous notez la mention dans le repère d'ouverture d'une cellule de tableau (<th> ou <td>), c'est la cellule de tableau qui sera le domaine où s'appliquera l'image d'arrière plan.

Attention:

Dans l'exemple il est supposé que le fichier graphique se trouve dans le même répertoire que le fichier HTML. Si le graphique se trouve dans un autre répertoire, il vous faut mentionner le chemin absolu ou relatif. Cela fonctionne exactement comme pour incorporer des graphiques.

Netscape 4.x et l' Explorer Internet MS 4.x interprètent également les graphiques GIF animés comme image d'arrière plan.


après:	Titres d'un tableau et alignement
avant:	Relier des cellules

SELFHTML/Quickbar HTML Tableaux