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

Comment inclure des groupes de colonnes de tableau en HTML ?

WBOY
WBOYavant
2023-09-10 19:49:351399parcourir

Comment inclure des groupes de colonnes de tableau en HTML ?

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!

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