Les instructions HTML (HyperText Markup Language) qui forment des tableaux placés dans des pages Web fournissent un assez grand nombre de paramètres supplémentaires. Cela permet, contrairement à d'autres éléments de bloc, de définir des tailles non seulement en utilisant le langage CSS (Cascading Style Sheets ou "Cascading Style Sheets"), mais également en utilisant le HTML lui-même.
Instructions
Étape 1
Utilisez l'attribut width de la balise table pour spécifier la largeur du tableau en pixels. La table des balises (instruction HTML) est constituée d'une ouverture (
) des parties, entre lesquelles se trouvent des balises qui forment les lignes et les cellules du tableau. Des paramètres supplémentaires (attributs) peuvent être placés dans la balise d'ouverture, dont la liste pour chaque balise spécifique est déterminée par les normes internationales. Pour la balise table, ces normes autorisent l'utilisation de l'attribut width, qui spécifie la largeur du tableau en pixels. Le code HTML d'un tableau simple avec une telle balise définissant une largeur de 500 pixels peut ressembler à ceci:
| 1ère cellule | 2ème cellule |
Étape 2
Ajoutez un caractère % à la valeur de l'attribut width si vous devez spécifier la largeur du tableau en pourcentage plutôt qu'en pixels:
| 1ère cellule | 2ème cellule |
Veuillez noter que ces pourcentages ne seront pas nécessairement basés sur la largeur de la fenêtre du navigateur. La structure du document est importante ici - tout comme une poupée gigogne imbriquée ne peut pas être plus large que celle dans laquelle elle est imbriquée, 100 % de la largeur de la table ne peut donc pas être supérieure à la largeur de l'élément parent. Par exemple, si le tableau se trouve à l'intérieur d'un bloc div, la largeur de ce bloc sera prise égale à 100 %.
Étape 3
Utilisez les instructions du langage de description de style si vous souhaitez définir la même largeur pour les tableaux de la page Web à un seul endroit dans le code source. Pour ce faire, placez d'abord dans la partie head du code HTML (entre et) les balises d'ouverture et de fermeture qui limitent les instructions du langage CSS:
/ * Les instructions CSS seront ici * /
Ensuite, placez le CSS suivant entre ces balises: table {width: 100px;} Ici, table indique que la description placée à l'intérieur des accolades doit être appliquée à toutes les balises de table qui apparaissent dans le code de la page. Eh bien, le paramètre width définit la largeur. Ici aussi, vous pouvez utiliser la largeur relative en pourcentage.
Étape 4
Spécifiez le nom de la classe dans le code CSS et dans la balise HTML table si vous devez spécifier la largeur non pas pour toutes les tables, mais uniquement pour une ou plusieurs tables. Par exemple, disons que la classe qui marque un groupe de tables étroites est minuscule. Ensuite, la description de son style pourrait ressembler à ceci: table.tiny {width: 100px;} Et la balise correspondante de l'un des tableaux dans le code HTML est comme ceci:
| 1ère cellule | 2ème cellule |
