Verwendung und Beschreibung des HTML-Tags tbody

Verwendung und Beschreibung des HTML-Tags tbody
Das Tbody-Element sollte in Verbindung mit den Elementen Thead und Tfoot verwendet werden.

Strukturierte Tabelle (nur IExplore)

1. Gruppieren nach Zeilen

<thead> ... </thead> - die Kopfzeile der Tabelle
<tbody> ... </tbody> - der Hauptteil der Tabelle
<tfoot> ... </tfoot> - Tabellenfußzeile

Beispiel:
<Tabellenrand>
<Kopf>
<tr><th>Essen</th><th>Getränk</th><th>Süßes</th></tr>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</tbody>
</Tabelle>

2. Gruppieren nach Spalten

<colgroup align=#> #=links, rechts, zentriert

Beispiel:
<Tabellenrahmenbreite=160>
<Spaltengruppe align=left>
<Spaltengruppe ausrichten=zentrieren>
<Spaltengruppe ausrichten=rechts>
<Kopf>
<tr><th>Essen</th><th>Getränk</th><th>Süßes</th></tr>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</tbody>
</Tabelle>

3. Spaltenattributsteuerung

<col span=#> #=Anzahl der Spalten mit dem angegebenen Attribut, beginnend von links
<col align=#> #=links, rechts, zentriert

Beispiel:
<Tabellenrahmenbreite=160>
<Spaltengruppe>
<Spalte ausrichten=Mitte Spanne=2>
<Spaltengruppe ausrichten=rechts>
<Kopf>
<tr><th>Essen</th><th>Getränk</th><th>Süßes</th></tr>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</tbody>
</Tabelle>

<<:  Zusammenfassung der Bootstrap-Lernerfahrung - Austausch von Designs im CSS-Stil

>>:  Bringen Sie Ihnen bei, ein einfaches Versprechen Schritt für Schritt umzusetzen

Artikel empfehlen

So ändern Sie das Kennwort von mysql5.7.20 unter Linux CentOS 7.4

Nach dem Upgrade von MySQL auf Version 5.7 wurde ...

So implementieren Sie die Unschärfefunktion von DIV

Verwenden Sie Anti-Shake, um DIV verschwinden zu ...

Forschung zur Größe von Webseiten

<br />Statistiken zufolge hat sich die durch...

So konfigurieren Sie einen Pfadalias für das React-Scaffolding

Die React-Version beim Schreiben dieses Artikels ...

Zusammenfassung der benutzerdefinierten JavaScript-Objektmethoden

Inhaltsverzeichnis 1. Verwenden Sie Objekt, um ei...

Diskussion zu Bildpfadproblemen in CSS (dasselbe Paket/anderes Paket)

In CSS-Dateien müssen Sie manchmal einen Hintergru...

Eine kurze Erläuterung der HTML-Tabellen-Tags

Besprechen Sie hauptsächlich seine Struktur und ei...

Zusammenfassung der Wissenspunkte zum CSS-Frontend (unbedingt lesen)

1. Das Konzept von CSS: (Cascading Style Sheet) V...

Webdesign-Tutorial (3): Designschritte und Denkweise

<br />Vorheriges Tutorial: Webdesign-Tutoria...

HTML (CSS-Stilspezifikation) muss lauten

CSS-Stilspezifikationen 1. Klassenauswahl 2. Tag-...

Detaillierte Erklärung, wo die von Docker abgerufenen Bilder gespeichert werden

Die vom Docker abgerufenen Befehle werden standar...