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 implementieren Sie die Seiten-Screenshot-Funktion in JS

„Seiten-Screenshot“ ist eine Anforderung, die häu...

So installieren Sie den Xrdp-Server (Remote Desktop) unter Ubuntu 20.04

Xrdp ist eine Open-Source-Implementierung des Rem...

Zabbix überwacht die Konfiguration der Docker-Anwendung

Der Einsatz von Containern kommt immer häufiger v...

Vue und React im Detail

Inhaltsverzeichnis 1. Panorama II. Hintergrund 1....

JavaScript, um das Bild mit der Maus zu bewegen

In diesem Artikel wird der spezifische JavaScript...

Detaillierte Erklärung des Unterschieds zwischen Uniapp und Vue

Inhaltsverzeichnis 1. Einfaches Seitenbeispiel 2....

MySQL-Lösung für zeitgesteuerte Backups (mithilfe von Linux crontab)

Vorwort Obwohl manche Liebe auf dieser Welt ihren...

Verwendung von Provide und Inject in Vue3

1. Erklärung von provide und inject Mit „Bereitst...