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

So verhindern Sie doppelte Übermittlungen in einem JQuery-Projekt

In neuen Projekten kann Axios doppelte Übermittlu...

HTML-Auszeichnungssprache - Tabellen-Tag

Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“...

So stellen Sie ein Vue-Projekt mit Docker-Image + nginx bereit

1. Vue-Projekt verpacken Geben Sie den folgenden ...

Teilen Sie 10 der neuesten Web-Frontend-Frameworks (Übersetzung)

In der Welt der Webentwicklung sind Frameworks wei...

Detailliertes Tutorial zur schnellen Installation von Zookeeper in Docker

Docker: Zookeeper schnell installieren Ich habe Z...

So verwenden Sie die JSX-Syntax richtig in Vue

Inhaltsverzeichnis Vorwort Virtueller DOM Was ist...

Tutorial zum Importieren und Exportieren von Docker-Containern

Hintergrund Die Popularität von Docker hängt eng ...

Drei Verwendungszwecke und Unterschiede von MySQL sind nicht gleich

Urteilssymbole werden in MySQL häufig verwendet, ...

Praxis der Vue Global Custom-Anweisung Modal Drag

Inhaltsverzeichnis Hintergrund Umsetzungsideen Er...

Der Unterschied zwischen ENTRYPOINT und CMD in Dockerfile

Im Lernprogramm zum Docker-System haben wir geler...