So verwenden Sie das Beschriftungs-Tag-HTML-Tutorial-php.cn

So verwenden Sie das Beschriftungs-Tag

不言

Freigeben： 2019-02-12 13:26:28

Original

5477 Leute haben es durchsucht

Das Beschriftungs-Tag wird verwendet, um einer HTML-Tabelle einen Titel hinzuzufügen. Die Beschriftung muss direkt nach der Tabelle im HTML-Dokument erscheinen. Sie kann mithilfe von CSS visuell positioniert werden. Werfen wir einen Blick auf die konkrete Verwendung des Beschriftungs-Tags. Das

So verwenden Sie das Beschriftungs-Tag

caption-Element definiert den Tabellentitel, es kann jedoch nur ein Titel für jede Tabelle definiert werden, und normalerweise wird dieser Titel zentriert über der Tabelle angezeigt. (Referenzadresse: HTML-Tabelle)

Sehen wir uns ein konkretes Beispiel an

Der Code lautet wie folgt

<!DOCTYPE So verwenden Sie das Beschriftungs-Tag>
<So verwenden Sie das Beschriftungs-Tag>
<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>
</So verwenden Sie das Beschriftungs-Tag>

Nach dem Login kopieren

Der Effekt ist wie folgt: the Der Titel steht in der Mitte der Tabelle.

So verwenden Sie das Beschriftungs-Tag

Dieser Artikel endet hier. Weitere spannende Inhalte zum Frontend finden Sie in den entsprechenden Kolumnen-Tutorials auf der PHP-Chinese-Website! ! !

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Beschriftungs-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!