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

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

WBOY
WBOYavant
2023-09-07 18:29:041525parcourir

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>

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