communauté
Apprendre
Bibliothèque d'outils
Outils d'IA
Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > Comment inclure des groupes de colonnes de tableau en HTML ?

Comment inclure des groupes de colonnes de tableau en HTML ?

WBOY
Libérer： 2023-09-10 19:49:35
avant
1444 Les gens l'ont consulté

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>
Copier après la connexion

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!

Étiquettes associées：
Inclure tableau HTML groupe de colonnes
source：tutorialspoint.com
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 afficher la largeur visible d'une zone de texte en HTML ?
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Les tableaux PHP obtenus à partir des paramètres d'URL ne se comportent pas comme prévu J'ai un paramètre d'URL qui contient l'identifiant de la catégorie et je souhaite le trait...
Depuis 2024-04-06 22:09:02
0
1
1428
La requête et la formule forment la table entière, avec de nouvelles colonnes, où les nouvelles colonnes sont des formules impliquant d'autres valeurs de colonnes conditionnelles. EDIT : La formule doit être la colonne "valeur" - la colonne "valeur" ...
Depuis 2024-04-06 21:23:40
0
2
530
Comment empiler les éléments flottants verticalement plutôt qu'horizontalement en CSS ? J'essaie de créer une page Web avec deux colonnes, avec le contenu principal d'un côté et ...
Depuis 2024-04-06 20:45:26
0
2
386
Comment utiliser les composants Laravel avec des espaces réservés paresseux Livewire Je souhaite ajouter le squelette de mon composant Laravel dans un espace réservé livewire3...
Depuis 2024-04-06 20:02:10
0
2
543
MySQL : "Sélectionnez le texte de... comme <variable ici ou sous-requête>" J'ai le tableau suivant avec les données suivantes : id texte langue 1 texte allemand alle...
Depuis 2024-04-06 19:25:54
0
2
529
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal