HTML-Tabellen-Markup-Tutorial (14): Tabellenkopf

HTML-Tabellen-Markup-Tutorial (14): Tabellenkopf
<br />In der HTML-Sprache können Sie der Tabelle durch Tags automatisch einen Titel hinzufügen. Darüber hinaus wird die erste Zeile der Tabelle als Kopfzeile bezeichnet, was ebenfalls durch HTML-Tags erreicht werden kann.
Grundlegende Syntax
<PLATZ FÜR EINE TABELLE> ....
<TR>
<TH>Titel 1</TH><TH>Titel 2</TH><TH>Titel 3</TH><TH>Titel 4</TH><TH>Titel 5</TH>
</TR>
........
</TABLE>
Syntaxerklärung: Das BORDER-Attribut wird verwendet, um die Breite der Rahmenlinie in Pixeln zu definieren.
<html>
<Kopf>
<title>Umfassendes Beispiel für Tabellen-Markup</title>
</Kopf>
<Text>
<table border="1" width="80%" bgcolor="#e8e8e8" cellpadding="2" bordercolor="#0000ff" bordercolorlight="7d7dff" bordercolordark="#0000a0">
<tr>
Atlantische Division
<th width="30%" colspan="2" valign="bottom">Zentrale Abteilung</th>
<th width="30%" colspan="2" valign="bottom">Südost-Division</th>
</tr>
<tr>
<td width="16%" align="center">Celtics</td>
<td Breite="16%" align="center">76ers</td>
<td width="17%" align="center">Kolben</td>
<td width="17%" align="center">Bulle</td>
<td width="17%" align="center">Hitze</td>
<td width="17%" align="center">Zauberer</td>
</tr>
<tr>
<td width="16%" align="center">Netzwerk</td>
<td width="16%" align="center">Knicks</td>
<td width="17%" align="center">Gehhilfe</td>
<td width="17%" align="center">Ritter</td>
<td width="17%" align="center">Magie</td>
<td width="17%" align="center">Rotluchs</td>
</tr>
<tr>
<td width="16%" align="center">Raubvögel</td>
<td width="16%" align="center">Überquerung des Flusses</td>
<td width="17%" align="center">Dollar</td>
<td Breite="17%" Ausrichtung="Mitte">Chicago</td>
<td width="17%" align="center">Adler</td>
<td width="17%" align="center">Yao Ming</td>
</tr>
</Tabelle>
</body>
</html>
Darunter bezieht sich <TH></TH> auf die Tabellenüberschrift und den Titel.

<<:  Was sind die Unterschiede zwischen var let const in JavaScript

>>:  Detaillierte Erläuterung des Replikationskonfigurationsbeispiels zwischen MySQL-Containern

Artikel empfehlen

Wird der veraltete Docker durch Podman ersetzt?

Das Kubernetes-Team hat vor Kurzem angekündigt, d...

Häufig verwendete JS-Funktionsmethoden im Frontend

Inhaltsverzeichnis 1. E-Mail 2. Mobiltelefonnumme...

MySQL-Abfrage redundanter Indizes und ungenutzter Indexoperationen

MySQL 5.7 und höhere Versionen ermöglichen die di...

JavaScript implementiert das mobile Puzzlespiel mit neun Rastern

In diesem Artikel wird der spezifische Code für J...

So verwenden Sie JS WebSocket zur Implementierung eines einfachen Chats

Inhaltsverzeichnis Kurze Umfrage Langfristige Abf...

Vue implementiert ein einfaches Einkaufswagenbeispiel

In diesem Artikelbeispiel wird der spezifische Co...

Zusammenfassung zur Verwendung des Ausrufezeichen-Befehls (!) unter Linux

Vorwort Vor kurzem hat unsere Firma MBP konfiguri...

Zusammenfassung der Wissenspunkte zum MySQL ALTER-Befehl

Wenn wir den Tabellennamen ändern oder die Tabell...

Praktische Aufzeichnung der MySQL 5.6 Master-Slave-Fehlerberichterstattung

1. Problemsymptome Version: MySQL 5.6, unter Verw...

Detaillierte Erklärung der JavaScript-Ereignisse onblur und onfocus

Auf HTML-Seiten verfügen visuelle Elemente wie Sc...

Detaillierte Erläuterung der Kernkonzepte und Fälle von webpack-dev-server

Kernkonzepte von webpack-dev-server Webpacks Cont...

Tiefes Verständnis der Verwendung von ::before/:before und ::after/:after

Teil 1: Grundlagen 1. Im Gegensatz zu Pseudoklass...

Detaillierte Erläuterung gängiger Vorgänge für Docker-Images und -Container

Bildbeschleuniger Manchmal ist es schwierig, Bild...