Heim > Artikel > Web-Frontend > So verwenden Sie das Beschriftungs-Tag

So verwenden Sie das Beschriftungs-Tag

不言Original: 2019-02-11 16:50:295342Durchsuche

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

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>

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So verwenden Sie das Oncopy-EreignisNächster Artikel：So verwenden Sie das Oncopy-Ereignis

In Verbindung stehende Artikel

Mehr sehen