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 komprimieren Sie Bilder effektiv mit JS

Inhaltsverzeichnis Vorwort Konvertierungsbeziehun...

Zusammenfassung einiger Tipps zum MySQL-Indexwissen

Inhaltsverzeichnis 1. Grundkenntnisse der Indizie...

Tudou.com Frontend-Übersicht

1. Arbeitsteilung und Prozess <br />Bei Tud...

Implementierung des HTML-Gleit- und Schwebeball-Menüeffekts

CSS-Stile html,Text{ Breite: 100 %; Höhe: 100%; R...

Docker-Grundlagen-Tutorial: Detaillierte Erklärung der Dockerfile-Syntax

Vorwort Dockerfile ist ein vom Docker-Programm in...

Beispiel für die Anpassung des Vue-Projekts an den großen Bildschirm

Eine kurze Analyse von rem Zunächst einmal ist re...

Design: Ein eigenwilliger Designer

<br />In meiner jahrelangen professionellen ...

Beispiele für die Verwendung von HTML-Marquee-Tags

Dieses Tag ist nicht Teil von HTML3.2 und unterstü...

Lösung zur Schnittstellenverformung beim Einstellen der Frameset-Höhe

Derzeit habe ich ein Projekt erstellt, die Schnitt...

Implementierung der Remote-Linux-Entwicklung mit vscode

Verabschieden Sie sich von der Vergangenheit Bevo...

Eine kurze Diskussion über Tags in HTML

0. Was ist ein Tag? XML/HTML-CodeInhalt in die Zw...