Maison > interface Web > tutoriel HTML > Comment créer un en-tête de tableau en HTML ?

Comment créer un en-tête de tableau en HTML ?

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer: 2023-09-07 18:29:04
avant
1577 Les gens l'ont consulté

Comment créer un en-tête de tableau en HTML ?

Utilisez la balise en HTML pour créer l'en-tête du tableau. La balise en HTML est utilisée pour ajouter des en-têtes aux tableaux. La balise Thead est utilisée avec la balise tbody et la balise tfoot pour identifier chaque partie du tableau (en-tête, pied de page, corps du tableau).

La balise en HTML prend également en charge les attributs supplémentaires suivants :

attribut

valeur

description

align

droite

gauche

centre

justify

char

DEPRECATED− Alignement visuel.

char

character

DEPRECATED− Spécifie le caractère avec lequel aligner le texte. Utilisé lorsque align = "char".

charoff

pixels ou %

Deprecated− Spécifie le décalage d'alignement (en pixels ou en pourcentage) à partir du premier caractère spécifié par l'attribut char. Utilisé lorsque align = "char".

valign

top

middle

bottom

baseline

OBSERVÉ− Alignement vertical.

Exemple

Vous pouvez essayer d'exécuter le code suivant pour apprendre à implémenter la balise en HTML :

<!DOCTYPE html>
<html>
   <head>
      <title>HTML thead Tag</title>
   </head>
   <body>
      <table style = "width:100%" border = "1">
         <thead>
            <tr>
               <td colspan = "4">This is the head of the table</td>
            </tr>
         </thead>
         <tfoot>
            <tr>
               <td colspan = "4">This is the foot of the table</td>
            </tr>
         </tfoot>
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
            ...more rows here containing four cells...
            </tr>
         </tbody>
     
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
            ...more rows here containing four cells...
            </tr>
         </tbody>
      </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!

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal