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

Beispiele für personalisiertes und kreatives Website-Design (30)

MySQL-Abfrage doppelter Daten (löschen Sie doppelte Daten und behalten Sie die Daten mit der kleinsten ID als einzige Daten)

Entwicklungshintergrund: Ich arbeite derzeit an e...

Verwendung und Beschreibung des HTML-Tags tbody

Beispiele für personalisiertes und kreatives Website-Design (30)

So stellen Sie mit Navicat Premium eine Remoteverbindung zur MySQL-Datenbank her

JavaScript implementiert coole Mouse-Tailing-Effekte

Detaillierte Erklärung der Kontrolle des Zugriffsvolumens durch Nginx

Ausführliche Erläuterung der HTML-Grundlagen (Teil 1)

Detaillierte Erklärung zu Drag-Time und Drag-Case in JavaScript

Der Unterschied und die Verwendung von distinct und row_number() over() in SQL

Beispielcode für die Vue-Bildzuschneidekomponente

Analyse des Ausschnitts des Hintergrundbildes des Neunerrasters mit adaptiver Breite und Höhe

Detaillierte Erläuterung der MySQL 8.0-Wörterbuchtabellenerweiterung

Artikel empfehlen

MySQL SHOW PROCESSLIST unterstützt den gesamten Prozess der Fehlerbehebung

Implementierung der automatischen Vervollständigung von Docker-Befehlen

jQuery implementiert Formularvalidierungsfunktion

Lassen Sie uns ausführlich über bitweise Operationen im React-Quellcode sprechen

8 Tipps für Vue, die Sie nach dem Lesen lernen werden

WeChat-Applet implementiert Taschenrechnerfunktion

Das native VIDEO-Tag der HTML-Seite verbirgt die Download-Button-Funktion

Zwei Möglichkeiten zum korrekten Bereinigen von MySQL-Binlog-Protokollen

MySQL-Abfrage doppelter Daten (löschen Sie doppelte Daten und behalten Sie die Daten mit der kleinsten ID als einzige Daten)

In der HTML-Tabelle wird nur der äußere Rand der Tabelle angezeigt

Tutorial zur Verwendung von Webpack in JavaScript

Eine kurze Diskussion über die Unterschiede zwischen den drei wichtigsten Datenbanken: Mysql, SqlServer und Oracle

React implementiert den Beispielcode der Radiokomponente

Docker installiert MySQL und löst das chinesische verstümmelte Problem

Verwendung des MySQL-Stresstesttools Mysqlslap