HTML-Tabellen-Tag-Tutorial (17): Tabellentitel vertikales Ausrichtungsattribut VALIGN

HTML-Tabellen-Tag-Tutorial (17): Tabellentitel vertikales Ausrichtungsattribut VALIGN

Die Tabellenüberschrift kann über oder unter der Tabelle platziert werden, was über Eigenschaften angepasst werden kann. Der Standardtabellentitel wird über der Tabelle platziert.
Grundlegende Syntax
<Caption VALIGN="top">…</Caption>
<Caption VALIGN="bottom"> …</Caption>
Syntax
TOP bedeutet oben und BOTTOM bedeutet unten.
Dateibeispiel: 10-16.htm
Die vertikale Ausrichtung der Tabellenüberschrift wird durch das VALIGN-Attribut des <CAPTION>-Tags festgelegt.
01 <!-- ------------------------------ -->
02 <!-- Dateibeispiel: 10-16.htm -->
03 <!--Dateibeschreibung: Vertikale Ausrichtung des Tabellentitels festlegen-->
04 <!-- ------------------------------ -->
05 <HTML>
06 <KOPF>
07 <TITLE>Vertikale Ausrichtung des Tabellentitels festlegen</TITLE>
08 </HEAD>
09 <KÖRPER>
10 <Tabellenrand=3 Breite=400 Höhe=100 Rahmenfarbe=#336699 Ausrichtung="Mitte">
11 <CAPTION VALIGN="BOTTOM" ALIGN="RIGHT">Mainstream-Webdesign-Software</CAPTION>
12 <TR>
13 <TD>Web-Grafiksoftware</TD><TD>Fireworks</TD>
14 </TR>
15 <TR>
16 <TD>Software zur Erstellung von Webseiten</TD><TD>Dreamweaver</TD>
17 </TR>
18 <TR>
19 <TD>Web-Animationssoftware</TD><TD>Flash</TD>
20 </TR>
21 </TABLE>
22 </BODY>
23 </HTML>
Dateibeschreibung <br />Zeile 11 definiert, dass der Tabellentiteltext unten und rechtsbündig ausgerichtet ist.

<<:  Front-End-Statusverwaltung (Teil 1)

>>:  MySQL-Beispiel-Tutorial: Ergebnisse auswählen, um ein Update durchzuführen

Artikel empfehlen

So verwenden Sie Docker, um Containerressourcen zu begrenzen

Problem beim Gucken Angenommen, der IIS-Dienst st...

Fallstudie zu JavaScript-Style-Objekten und CurrentStyle-Objekten

1. Stilobjekt Das Stilobjekt stellt eine einzelne...

Erfahren Sie in fünf Minuten mehr über React Routing

Inhaltsverzeichnis Was ist Routing Grundlegende V...

Wann sollte man Map anstelle einfacher JS-Objekte verwenden?

Inhaltsverzeichnis 1. Map akzeptiert jeden Schlüs...

Detaillierte Erklärung der Meta-Tags und ihrer Verwendung in HTML

Ich werde keine weitere Zeit mit Unsinnsgerede ve...

Detaillierte Erläuterung des Ausführungsprinzips des MySQL-Kill-Befehls

Inhaltsverzeichnis Prinzip der Kill-Befehlsausfüh...

Implementierung der Nummernschild-Eingabefunktion im WeChat-Applet

Inhaltsverzeichnis Vorwort Hintergrund Große Verm...

HTML verwendet reguläre Ausdrücke zum Testen von Tabellenbeispielen

Hier ist ein Beispielcode für die Verwendung regu...

Beispiel für die gemeinsame Nutzung von Anker-Tags in HTML

Verwendung von Anker-Tags: Als Ankerlink wird ein ...

Ubuntu 20.04 – Bestes Konfigurationshandbuch (unverzichtbar für Anfänger)

1. Systemkonfiguration 1. Deaktivieren Sie das Su...

Lösung für das Problem von var in einer for-Schleife

Vorwort var ist eine Möglichkeit, Variablen in ES...