Comment créer un en-tête de tableau en HTML ?-tutoriel HTML-php.cn

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

WBOY

Libérer： 2023-09-07 18:29:04

avant

1547 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!