Maison > interface Web > tutoriel HTML > Comment afficher le corps d'un tableau en HTML

Comment afficher le corps d'un tableau en HTML

WBOY
Libérer: 2023-08-30 19:29:02
avant
1110 Les gens l'ont consulté

Comment afficher le corps dun tableau en HTML

Utilisez la balise

en HTML pour afficher le corps du tableau. La balise HTML est utilisée pour ajouter un corps à un tableau. La balise tbody est utilisée avec la balise thead et la balise tfoot pour identifier chaque partie du tableau (titre, pied de page, corps).

Voici les attributs de la balise

 :
Attributs

Valeur

Description

align

droite

gauche

centre

justifier

char

DEPRECATED - Alignement visuel.

char

char

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

charoff

pixel ou %

DEPRECATED - Spécifie le décalage d'alignement (en pixels ou en pourcentage) à aligner avec le premier caractère. Utilisé lorsque align = "char".

valign

top

middle

bottom

baseline

OBSERVÉ - Alignement vertical.

Exemple

Vous pouvez essayer d'exécuter le code suivant pour afficher le corps du tableau en HTML :

<!DOCTYPE html>
<html>
   <head>
      <title>HTML tbody 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!

source:tutorialspoint.com
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