Maison >interface Web >tutoriel HTML >Comment utiliser la balise de légende

Comment utiliser la balise de légende

不言
不言original
2019-02-11 16:50:295492parcourir

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>

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!

Déclaration:
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