HTML-Tabellen-Tag-Tutorial (44): Tabellenkopfzeilen-Tag
<br />Um die Tabellenstruktur im Quellcode deutlich zu unterscheiden, gibt die HTML-Sprache drei Tags an: <thead>, <tbody> und <tfoot>, die jeweils der Tabellenkopfzeile, dem Tabellenkörper und dem Tabellenfuß entsprechen. Mit dem Tag <thead> wird der Stil der Kopfzeile oben in der Tabelle definiert.
Align steht für horizontale Ausrichtung, wobei Left links, Center zentriert und Right rechts bedeutet. valign steht für vertikale Ausrichtung, Top bedeutet oben, Middle bedeutet zentriert und Bottom bedeutet unten. Dateibeispiel: 10-44.htm Legen Sie den Tabellenkopfzeilenstil per Tag fest. 01 <!-- ------------------------------ --> 02 <!-- Dateibeispiel: 10-44.htm --> 03 <!-- Dateibeschreibung: Festlegen des Tabellenkopfzeilenstils--> 04 <!-- ------------------------------ --> 05 <html> 06 <Kopf> 07 <title>Stil der Tabellenüberschrift festlegen</title> 08 </head> 09 <Text> 10 <Tabellenrand=3 Breite=400 Höhe=100 Rahmenfarbe=#336699 Ausrichtung="Zentriert"> 11 <thead align=center bgcolor=#00ccff> 12 <tr> 13 <td colspan=2>Software zur Erstellung von Webseiten</td> 14 </tr> 15 </thead> 16 <tr> 17 <td>Web-Grafiksoftware</td><td>Fireworks</td> 18 </tr> 19 <tr> 20 <td>Software zur Erstellung von Webseiten</td><td>Dreamweaver</td> 21 </tr> 22 <tr> 23 <td>Web-Animationssoftware</td><td>Flash</td> 24 </tr> 25 </table> 26 </body> 27 </html> Die Datei zeigt, dass Zeile 11 den Stil der Tabellenüberschrift definiert und Zeile 15 das Ende der Tabellenüberschrift festlegt. |
<<: Vue implementiert die Tabellenpaging-Funktion
>>: So teilen und führen Sie mehrere Werte in einem einzigen Feld in MySQL zusammen
Artikel empfehlen
So greifen Sie über die IP-Adresse auf MySql zu
1. Melden Sie sich bei MySQL an: mysql -u root -h...
Eine kurze Diskussion über reguläre JS-RegExp-Objekte
Inhaltsverzeichnis 1. RegExp-Objekt 2. Grammatik ...
Detaillierte Erklärung, warum die gemeinsame Verwendung von v-if und v-for in Vue nicht empfohlen wird
In diesem Artikel wird hauptsächlich erläutert, w...
HTML + CSS + JS realisiert, dass die Leinwand dem Quellcode für Spezialeffekte des kleinen Kreises der Maus folgt
Wirkung (Quellcode am Ende): erreichen: 1. Tags d...
MySQL etabliert eine effiziente Indexbeispielanalyse
Dieser Artikel beschreibt anhand von Beispielen, ...
JavaScript-Entwurfsmuster – Muster der Verantwortungskette
Inhaltsverzeichnis Überblick Code-Implementierung...
Detaillierte Anweisungen zur Installation der MySQL5.7-Datenbank unter Centos7.2
Das MySQL auf dem Server ist in der Version 8.0.1...
Zusammenfassung zur Verwendung des Ausrufezeichen-Befehls (!) unter Linux
Vorwort Vor kurzem hat unsere Firma MBP konfiguri...
Der Unterschied zwischen this.$router und this.$route in Vue und der push()-Methode
Im offiziellen Dokument heißt es: Durch Einfügen ...
Detaillierte Erklärung der Unterschiede zwischen var, let und const in JavaScript es6
Zunächst stellt sich häufig die Frage: Welche Bez...
js realisiert die Lupenfunktion der Shopping-Website
In diesem Artikel wird der spezifische Code von j...
Detaillierte Untersuchung des MySQL-Verbundindex
Ein zusammengesetzter Index (auch gemeinsamer Ind...
Implementierung der CSS-Rahmenlängensteuerungsfunktion
Wenn die Rahmenlänge früher kleiner als der Conta...
Detaillierte Erklärung, wie Sie alle untergeordneten Elemente mit CSS auswählen
Wie wähle ich mit CSS rekursiv alle untergeordnet...
Mehrere häufig verwendete Methoden zum Zentrieren von CSS-Boxen (Zusammenfassung)
Der Erste: Verwenden der CSS-Positionseigenschaft...