Maison > Article > interface Web > Comment inclure des groupes de colonnes de tableau en HTML ?

Comment inclure des groupes de colonnes de tableau en HTML ?

WBOYavant: 2023-09-10 19:49:351358parcourir

Utilisez la balise

pour inclure des groupes de colonnes de tableau. La balise HTML est utilisée pour spécifier les propriétés d'un ensemble de colonnes au sein d'un tableau. Si vous devez appliquer différents attributs aux colonnes d'un colgroup, vous pouvez utiliser la balise HTML col à l'intérieur de la balise colgroup.

Voici les propriétés-

doivent s'étendre, ne prend pas en charge Html5

devrait Le nombre de colonnes à couvrir, n'est pas pris en charge en HTML5.

Propriété	Valeur	Description
Alignement	droite Gauche Centre Aligner char	Définissez l'alignement horizontal, Html5 ne prend pas en charge .
Character	Character	définit le caractère utilisé pour aligner le texte (utilisé avec align ="char"), Html5 ne prend pas en charge .
chaov	pixels	définit le nombre de colonnes qui
span	numéro	définition
Valign	Bottom Middle Top Baseline	Définir l'alignement vertical, Html5 ne le prend pas en charge.
Width	pixels ou %	Spécifiez l'élément de largeur par défaut pour chaque colonne étendue par la colonne actuelle, Non pris en charge dans HTML5.

Exemple

Vous pouvez essayer d'exécuter le code suivant pour implémenter la balise

en HTML -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML col Tag</title>
   </head>
   <body>
      <p>This example shows a colgroup that has three columns of different widths:</p>
      <table border = "1">
         <colgroup span = "4">
            <col width = "40"></col>
            <col width = "70"></col>
            <col width = "100"></col>
            <col width = "130"></col>
            <col width = "160"></col>
            </colgroup>
         <tr>
            <td>One</td>
            <td>Two</td>
            <td>Three</td>
            <td>Four</td>
            <td>Five</td>
         </tr>
      </table>
   </body>
</html>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html5 html char number tr

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Comment supprimer la couleur de remplissage pour changer la couleur de l'image en utilisant HTML et CSS ?Article suivant：Comment supprimer la couleur de remplissage pour changer la couleur de l'image en utilisant HTML et CSS ?

Comment inclure des groupes de colonnes de tableau en HTML ?

Exemple

Articles Liés