Maison > interface Web > tutoriel HTML > le corps du texte

Comment utiliser la balise de légende

不言
Libérer: 2019-02-12 13:26:28
original
5422 Les gens l'ont consulté

La balise caption est utilisée pour ajouter un titre à un tableau HTML. La légende doit apparaître immédiatement après le tableau dans le document HTML. Elle peut être positionnée visuellement en bas du tableau en utilisant CSS. Jetons un coup d'œil. Utilisation spécifique de la balise de légende. L'élément

Comment utiliser la balise de légende

caption définit le titre du tableau, mais un seul titre peut être défini pour chaque tableau, et généralement ce titre sera centré au-dessus du tableau. (Adresse de référence : Tableau HTML)

Regardons un exemple spécifique

Le code est le suivant

<!DOCTYPE Comment utiliser la balise de légende>
<Comment utiliser la balise de légende>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
<table border="1" cellspacing="0">
    <caption>最喜欢的颜色</caption>
    <tr>
        <th>名字</th>
        <th>喜欢的颜色</th>
    </tr>
    <tr>
        <td>Tom</td>
        <td>蓝色</td>
    </tr>
     <tr>
        <td>Jerry</td>
        <td>红色</td>
    </tr>
     <tr>
        <td>Marry</td>
        <td>粉色</td>
    </tr>
     <tr>
        <td>Cindy</td>
        <td>黄色</td>
    </tr>
</table>
</body>
</Comment utiliser la balise de légende>
Copier après la connexion

L'effet est le suivant : Le titre est au milieu du tableau.

Comment utiliser la balise de légende

Cet article se termine ici Pour un contenu plus passionnant sur le front-end, vous pouvez prêter attention aux didacticiels pertinents sur le site Web PHP chinois ! ! !

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:
source:php.cn
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