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

Verwendung des Linux-Watch-Befehls

1. Befehlseinführung Der Befehl „Watch“ führt den...

Implementierung eines Random Roll Callers basierend auf JavaScript

In diesem Artikel wird der spezifische JavaScript...

Docker-Image-Zugriff auf den lokalen Elasticsearch-Port-Vorgang

Wenn Sie den vom Docker-Stack bereitgestellten Im...

HTML+CSS zum Erstellen eines geschichteten Pyramidenbeispiels

Dieser Artikel stellt hauptsächlich das Beispiel ...

Detaillierte Erklärung zur Verwendung von Scoped Slots in Vue.js-Slots

Inhaltsverzeichnis Keine Slots Vue2.x-Steckplätze...

JavaScript Canvas realisiert den Effekt des Neun-Quadrat-Rasterschneidens

In diesem Artikel wird der spezifische Code der L...

Hinweise zur Speicherverwaltung von Linux-Kernel-Gerätetreibern

/********************** * Linux-Speicherverwaltun...

Parameter, um Iframe transparent zu machen

<iframe src="./ads_top_tian.html" all...

Detaillierte Erklärung der Vue-Filter

<Text> <div id="Wurzel"> &l...