L'élément table est le conteneur d'éléments complémentaires qui indiquent le contenu d'un tableau. Un tableau est un contenu présenté en lignes et en colonnes. Les autres éléments relatifs à l'élément table sont les suivants: caption, col, colgroup, tbody, td, tfoot, th, thead et tr. L'objectif de l'élément table est de définir un certain nombre d'attributs visibles qui s'appliquent au tableau entier, indépendamment du nombre de lignes et de colonnes qu'il contient. La valeur d'un grand nombre d'attributs peut être localement remplacée par une valeur d'attribut affectée individuellement à une ligne, une colonne ou une cellule. Le nombre de lignes et de colonnes définit strictement la structure des éléments tr et td du tableau.

Les tableaux sont utilisés depuis relativement longtemps, non seulement pour organiser du contenu en lignes et colonnes, mais aussi pour positionner du contenu. Les lignes et les colonnes d'un tableau peuvent ne pas avoir de bordures visibles et contenir simplement des espaces forcés. Avec l'arrivée du contenu positionnable, la pratique qui consiste à utiliser des tableaux pour contrôler l'emplacement du contenu est déconseillée.

Les tableaux plus profondément imbriqués (les tableaux placés dans des tableaux) peuvent provoquer des problèmes dans certains navigateurs. L'héritage des feuilles de style et les performances générales dans les tableaux complexes (une imbrication de plus de trois niveaux sera toujours problématique) posent de sérieux problèmes dans Navigator 4. IE 5 pour Mac peut, de façon tout à fait inexplicable, modifier les dimensions de cellules lorsque les scripts créent ou modifient des éléments de tableau. Veillez à maintenir une structure de tableau simple; en effet, plus cette structure est simple, plus vos pages seront fiables d'un navigateur à l'autre. La modification extensive des structures de tableau dans des outils de création de pages Web reposant sur HTML graphique peut laisser dans votre code source des problèmes cachés (par exemple, de nombreuses cellules vides). Affichez provisoirement une fine bordure de tableau afin de voir exactement la structure des lignes et des colonnes.

Détermine l'alignement du tableau par rapport au conteneur père (habituellement, l'élément body ou html du document). L'attribut align est délaissé dans HTML 4, qui conseille d'utiliser les attributs de feuilles de style.

Indique un fichier image utilisé comme arrière-plan du tableau. Contrairement aux images normales, qui sont chargées par le navigateur en tant que contenu, les images d'arrière-plan sont chargées à leur taille originale (sans redimensionnement) et affichées côte à côte pour remplir l'espace disponible dans le tableau. Les images de petite taille sont chargées plus rapidement, mais elles sont évidemment répétées un plus grand nombre de fois pour former la mosaïque d'arrière-plan. Les images GIF animées peuvent être utilisées en arrière-plan, mais elles entravent la lecture. Lors du choix d'une image d'arrière-plan, veillez à en prendre une qui soit neutre par rapport au contenu principal, afin que celui-ci ressorte lisiblement. Si elles doivent vraiment être utilisées, les images d'arrière-plan doivent rester extrêmement discrètes.

Le comportement de Navigator 4 peut être assez capricieux avec cet attribut. Vous devrez peut-être insérer votre tableau principal (sans arrière-plan) dans un autre élément table, pour lequel un fichier graphique est attribué à la propriété background.

Définit la couleur de remplissage à appliquer au tableau. Cette couleur apparaît derrière le texte et tout autre contenu. L'utilisation combinée de bgcolor et de background permet de laisser apparaître la couleur d'arrière-plan dans les éventuelles zones transparentes de l'image d'arrière-plan. Cet attribut est délaissé dans HTML 4 au profit de l'attribut de feuille de style background-color.

Épaisseur (en pixels) de la bordure qui entoure l'élément table. Si l'attribut border possède une valeur quelconque, les navigateurs afficheront par défaut des bordures étroites autour de chaque cellule du tableau. Lorsque la bordure d'un élément table est visible, l'épaisseur des bordures internes séparant les cellules est définie par l'attribut cellspacing de l'élément table.

Si vous insérez l'attribut border sans lui affecter une valeur, le navigateur affichera des bordures avec leur taille par défaut autour du tableau entier et entre les cellules, sauf si vous définissez d'autres attributs.

Les navigateurs affichent les bordures en 3D: elles paraissent surélevées par rapport au contenu des cellules. De nombreux autres attributs affectent l'aspect des bordures: bordercolor, bordercolordark, bordercolorlight, frame et rules. Le type de bordure affiché pour les tableaux est différent des bordures définies à l'aide de règles de feuilles de style. Vous obtiendrez un meilleur contrôle de l'aspect des bordures en utilisant les attributs spécifiques de l'élément table.

Couleurs utilisées pour afficher une partie des pixels afin de donner l'illusion de bordures autour des cellules et de tout le tableau. Pour que cette couleur apparaisse, l'attribut border doit avoir une valeur différente de zéro. L'effet tridimensionnel des bordures d'un tableau est créé par une disposition minutieuse de lignes claires (ou blanches) et foncées sur l'arrière-plan ou la couleur par défaut de la page. Les couleurs standard sont en général des nuances de gris et de blanc, selon le navigateur.

L'application de couleurs aux bordures d'un tableau n'a pas le même effet dans Navigator et Internet Explorer. Dans Navigator, la couleur est appliquée à ce qui est normalement la plus sombre des deux teintes utilisées pour créer la bordure. De plus, Navigator ajuste automatiquement le niveau de luminosité de certaines lignes pour améliorer l'effet 3D de la bordure. De son côté, Internet Explorer applique la couleur à toutes les lignes qui composent la bordure. Il en résulte un aplatissement de l'effet 3D (pour colorer les bordures tout en préservant l'effet 3D dans IE, reportez-vous aux attributs bordercolordark et bordercolorlight).

L'effet tridimensionnel des bordures d'un tableau dans Internet Explorer est créé par une disposition minutieuse de lignes claires et foncées sur l'arrière-plan ou la couleur par défaut de la page. Vous pouvez contrôler indépendamment les couleurs utilisées pour les lignes claires et sombres en affectant des valeurs aux attributs bordercolordark et bordercolorlight. Pour que ces couleurs apparaissent, l'attribut border doit avoir une valeur différente de zéro.

En général, il est conseillé d'affecter à la paire d'attributs des couleurs complémentaires. Toutefois rien ne vous oblige à définir une couleur foncée pour bordercolordark. Comme les attributs ne contrôlent qu'un jeu de lignes bien défini, vous pouvez aisément déterminer les lignes de bordure qui changeront avec chaque attribut.

Pour obtenir un aspect identique dans Navigator et dans IE, vous devez déterminer les couleurs complémentaires que Navigator utilise pour son effet 3D à partir de l'attribut bordercolor. Vous affectez ensuite ces valeurs aux attributs bordercolordark et bordercolorlight. Vous pouvez placer ces trois attributs dans la même balise <TABLE>.

Quantité d'espace blanc entre la bordure d'une cellule du tableau et le contenu de cette cellule. Notez que cet attribut s'applique à l'espace interne d'une cellule. Si cet attribut n'est pas défini, la plupart des navigateurs affichent le contenu de la cellule de telle sorte que les pixels les plus à gauche viennent toucher la bordure gauche de la cellule. Si le tableau comporte des bordures, l'ajout de quelques pixels pour aérer l'espace entre la bordure et le contenu rendra ce contenu plus lisible. Un large espace peut également être souhaitable pour des raisons de mise en page. L'utilisation de cet attribut est plus discrète lorsque le tableau ne comporte pas de bordures (auquel cas l'attribut cellspacing peut vous aider à ajuster l'espace entre les cellules).

Quantité d'espace vide entre les bords extérieurs de chaque cellule du tableau. Si l'attribut border de l'élément table reçoit comme valeur un entier positif, l'attribut cellspacing aura pour effet de définir l'épaisseur des bordures affichées entre les cellules. Même lorsqu'un tableau ne possède pas de bordures visibles, sa lisibilité sera fréquemment améliorée par un espacement des cellules.

Nombre de colonnes du tableau. Les spécifications HTML n'ont jamais adopté cet attribut. En HTML 4, la fonctionnalité de cet attribut est assurée par les éléments colgroup et col. Dans l'intervalle, l'attribut cols est reconnu par les navigateurs anciens et actuels. Cet attribut aide le navigateur à préparer l'affichage du tableau. En l'absence de cet attribut, le navigateur doit effectuer une interprétation de tous les éléments tr et td chargés pour déterminer la façon dont le tableau doit être divisé.

Cet attribut est utilisé avec IE dans le cadre d'une liaison de données, afin d'indiquer au navigateur le nombre de lignes de tableau qui doivent être affichées pour recevoir le nombre d'enregistrements de source de données défini par cet attribut. Une application courante consiste à paramétrer une cellule de tableau pour afficher un élément input de type texte dont l'attribut datafld est lié à une colonne particulière de la source de données (l'attribut datasrc est défini dans l'élément table). Si l'attribut datapagesize reçoit la valeur 5, le navigateur doit afficher cinq lignes du tableau (mais ces lignes ne seront spécifiées qu'une fois dans le code HTML).

Utilisé avec la fonction de liaison de données de Microsoft Internet Explorer pour spécifier l'ID de l'élément object de la page, qui charge l'objet de source de données pour l'accès distant aux données. Le contenu à extraire de la source de données est spécifié à l'aide de l'attribut datafld.

Un bloc d'enregistrements contigus peut être affiché dans le tableau si l'attribut datapagesize du tableau est également défini. S'applique uniquement aux sources de données de fichier texte dans IE 5/Mac.

Direction d'affichage des caractères pour le texte de l'élément dont les caractères ne sont pas régis par la direction inhérente à la norme Unicode. L'affichage des caractères va de gauche à droite ou de droite à gauche. Cet attribut est en général défini de concert avec l'attribut lang et doit être utilisé pour indiquer une direction d'affichage des caractères différente de la direction actuelle.

Indique les côtés de la bordure externe d'un tableau (définie avec l'attribut border) qui sont affichés. Cet attribut est sans effet sur les bordures internes entre les cellules. L'utilisation de l'attribut border sans lui donner une valeur donne le même résultat que l'utilisation de l'attribut frame avec la valeur border. Si vous le préférez, vous pouvez répéter tous les paramètres avec des attributs de bordure CSS.

Les dimensions rectangulaires d'un tableau, qui peuvent être différentes de la taille par défaut calculée par le navigateur. Lorsque les valeurs de ces attributs sont inférieures à l'espace minimal nécessaire pour afficher le contenu des cellules du tableau, le navigateur n'en tient pas compte et affiche tout le contenu, quitte à ce que du texte soit renvoyé à la ligne suivante. Vous pouvez également étirer les dimensions d'un tableau au-delà des dimensions calculées par le navigateur. Un espace blanc supplémentaire apparaît dans les cellules du tableau pour compenser cette différence. Si vous n'utilisez qu'un de ces attributs, le navigateur effectuera les calculs nécessaires pour ajuster automatiquement l'autre dimension.

Notez que l'attribut height ne fait pas partie des spécifications HTML. Cela suppose que la hauteur du tableau est calculée par le navigateur pour afficher au mieux tout le contenu des cellules, en fonction de la largeur par défaut ou de la largeur indiquée par l'attribut WIDTH. Comme des combinaisons différentes de navigateurs et de systèmes d'exploitation peuvent afficher le texte avec des tailles de polices relatives diverses, il n'est pas inhabituel de laisser au navigateur le soin de calculer la hauteur du tableau.

Insère un remplissage transparent en dehors des bords du tableau entier sur la page. Utilisez à la place les attributs de remplissage CSS. Netscape 6 ne répond à ces attributs d'élément table qu'en mode  «  capricieux   » (voir l'élément DOCTYPE).

La langue utilisée pour le contenu et les valeurs d'attributs de l'élément. Un navigateur peut se servir de ces informations pour aider à l'affichage correct du contenu aussi bien que de détails comme le traitement des ligatures (lorsqu'elles sont prises en charge par une police particulière ou requises par une langue écrite), des guillemets et des traits d'union. D'autres applications et moteurs de recherche peuvent se servir de ces informations pour faciliter la sélection des dictionnaires utilisés pour la vérification orthographique et aider la création d'index.

Contrôle l'algorithme d'affichage de la présentation du tableau. La valeur fixed indique au navigateur de dimensionner le tableau et les cellules sur le base de paramètres height et width explicites, plutôt que de respecter les valeurs minimales de tailles du contenu. Cet attribut imite l'attribut CSS table-layout.

Définit si (et, dans ce cas, où) les bordures intérieures entre les cellules sont affichées par le navigateur. Vous pouvez non seulement paramétrer le tableau pour que des bordures soient affichées de telle sorte que chaque cellule soit indépendamment encadrée, mais aussi paramétrer les bordures pour qu'elles ne soient affichées que pour des lignes, des colonnes ou un groupe de cellules définis (thead, tbody, tfoot, colgroup ou col). L'attribut border doit être présent, soit de façon booléenne par sa seule présence, soit avec une taille de bordure spécifique, pour que les bordures des cellules apparaissent. IE 5 pour Mac laisse des espaces dans les bordures inter-cellules pour lesquelles des règles ont été supprimées.

Description textuelle du tableau, y compris, mais sans y être limitée, des instructions permettant à des navigateurs non  visuels de décrire le but et l'organisation des données du tableau. La sélection de Properties pour le menu contextuel de Netscape 6 de cet élément affiche une petite fenêtre qui inclut un lien actif vers l'URL assigné à l'attribut. Les navigateurs de la Version 6 ne proposent aucune autre fonctionnalité pour cet attribut.

Voir hspace.

Voir height.