HTML-Tabellen-Tag-Tutorial (44): Tabellenkopfzeilen-Tag

HTML-Tabellen-Tag-Tutorial (44): Tabellenkopfzeilen-Tag
<br />Um die Tabellenstruktur im Quellcode deutlich zu unterscheiden, gibt die HTML-Sprache drei Tags an: <thead>, <tbody> und <tfoot>, die jeweils der Tabellenkopfzeile, dem Tabellenkörper und dem Tabellenfuß entsprechen. Mit dem Tag <thead> wird der Stil der Kopfzeile oben in der Tabelle definiert.
Grundlegende Syntax <head align=value1 bgcolor=color_value valign=value2>
Syntax
Align steht für horizontale Ausrichtung, wobei Left links, Center zentriert und Right rechts bedeutet. valign steht für vertikale Ausrichtung, Top bedeutet oben, Middle bedeutet zentriert und Bottom bedeutet unten. Dateibeispiel: 10-44.htm
Legen Sie den Tabellenkopfzeilenstil per Tag fest.
01 <!-- ------------------------------ -->
02 <!-- Dateibeispiel: 10-44.htm -->
03 <!-- Dateibeschreibung: Festlegen des Tabellenkopfzeilenstils-->
04 <!-- ------------------------------ -->
05 <html>
06 <Kopf>
07 <title>Stil der Tabellenüberschrift festlegen</title>
08 </head>
09 <Text>
10 <Tabellenrand=3 Breite=400 Höhe=100 Rahmenfarbe=#336699 Ausrichtung="Zentriert">
11 <thead align=center bgcolor=#00ccff>
12 <tr>
13 <td colspan=2>Software zur Erstellung von Webseiten</td>
14 </tr>
15 </thead>
16 <tr>
17 <td>Web-Grafiksoftware</td><td>Fireworks</td>
18 </tr>
19 <tr>
20 <td>Software zur Erstellung von Webseiten</td><td>Dreamweaver</td>
21 </tr>
22 <tr>
23 <td>Web-Animationssoftware</td><td>Flash</td>
24 </tr>
25 </table>
26 </body>
27 </html> Die Datei zeigt, dass Zeile 11 den Stil der Tabellenüberschrift definiert und Zeile 15 das Ende der Tabellenüberschrift festlegt.

<<:  Vue implementiert die Tabellenpaging-Funktion

>>:  So teilen und führen Sie mehrere Werte in einem einzigen Feld in MySQL zusammen

Artikel empfehlen

Analyse der Verwendung des Linux-Schwachstellen-Scan-Tools lynis

Vorwort: Lynis ist ein Sicherheitsprüfungs- und H...

Beispiel für die Verwendung von Docker zum Erstellen eines ELK-Protokollsystems

Die folgenden Installationen verwenden alle das V...

JavaScript-Code zur Implementierung der Weibo-Batch-Unfollow-Funktion

Ein cooler JavaScript-Code, um Weibo-Benutzern st...

Beispiele für die Implementierung und Verwendung von geplanten MySQL-Aufgaben

Dieser Artikel veranschaulicht anhand von Beispie...

Fallstricke basierend auf MySQL-Standardsortierregeln

Der Standardtyp varchar in MySQL ist case-insensi...

Codeanalyse von Benutzervariablen in MySQL-Abfrageanweisungen

Im vorherigen Artikel haben wir die MySQL-Optimie...

TypeScript-Dekorator-Definition

Inhaltsverzeichnis 1. Konzept 1.1 Definition 1.2 ...

Detaillierte Erklärung der Kodierungsprobleme bei MySQL-Befehlszeilenoperationen

1. Überprüfen Sie die MySQL-Datenbankkodierung my...

Implementierung der MySQL8.0.11-Datenverzeichnismigration

Das Standardspeicherverzeichnis von MySQL ist /va...

JavaScript-Code zur Implementierung eines einfachen Rechners

In diesem Artikelbeispiel wird der spezifische Ja...

Detaillierte Erläuterung der JavaScript-Closure-Probleme

Closures sind eines der traditionellen Features r...