HTML-Tbody-Verwendung

HTML-Tbody-Verwendung
Strukturierte Tabelle (nur IExplore)
1) Gruppieren nach Zeilen
<thead> ... </thead> - Tabellenkopfzeile (Header) <tbody> ... </tbody> - Tabellenhauptteil (Body) <tfoot> ... </tfoot> - Tabellenfußzeile (Footer)
Beispiel: <table border> <thead> <tr><th>Essen</th><th>Getränk</th><th>Süßes</th> </thead> <tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td> </tbody> </table>
2) Gruppieren nach Spalten
<colgroup align=#> #=links, rechts, zentriert
Beispiel: <table border width=160> <colgroup align=left> <colgroup align=center> <colgroup align=right> <thead> <tr><th>Essen</th><th>Getränk</th><th>Süßes</th> </thead> <tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td> </tbody> </table>
3) Spaltenattributsteuerung
<col span=#> #=Anzahl der Spalten mit den angegebenen Attributen, beginnend von links<col align=#> #=links, rechts, zentriert
Beispiel: <table border width=160> <colgroup> <col align=center span=2> <colgroup align=right> <thead> <tr><th>Essen</th><th>Getränk</th><th>Süßes</th> </thead> <tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td> </tbody> </table>

<<:  CSS3 erstellt eine Webanimation, um einen springenden Balleffekt zu erzielen

>>:  Detaillierte Erklärung zur Abfrage von Feldern im JSON-Format in MySQL

Artikel empfehlen

vue.js lädt Bilder entsprechend der Bild-URL herunter

Als ich kürzlich an einem Frontend-Docking-Funkti...

JavaScript-OffsetParent-Fallstudie

1. Definition von offsetParent: offsetParent ist ...

Zusammenfassung der Methoden zum Schreiben von Urteilsaussagen in MySQL

So schreiben Sie Urteilsaussagen in MySQL: Method...

Lernprogramm für HTML-Webseitenlisten-Tags

Lernprogramm zum Erlernen von Listen-Tags für HTML...

Implementierungsschritte für die Docker-Bereitstellung lnmp-wordpress

Inhaltsverzeichnis 1. Experimentelle Umgebung 2. ...

Der Prozess der Installation von Docker im Linux-System

In diesem Blog führe ich Sie in einfachen Schritt...

JS implementiert Click-Drop-Effekt

js realisiert den Spezialeffekt des Klickens und ...

JavaScript zum Erzielen eines einfachen Drag-Effekts

In diesem Artikel wird der spezifische JavaScript...

Detaillierte Erklärung zur Verwendung von Vue-Resource-Interceptors

Vorwort Abfangjäger In einigen modernen Front-End...

Erste Erkundung gängiger Befehle für Docker-Anfänger

Bevor wir Docker offiziell verwenden, machen wir ...

Hinweise zum virtuellen Dateisystem des Linux-Kernel-Gerätetreibers

/******************** * Virtuelles Dateisystem VF...

HTML als Startseite festlegen und zu Favoriten hinzufügen_Powernode Java Academy

So implementieren Sie die Funktionen „Als Startse...