Tabelle Tag (Tabelle) Im Detail
|
<br />Tabelle ist ein Tag, das schon seit langer Zeit von allen verwendet wird und auch heute noch verwendet wird. Aufgrund der aktuellen Umstrukturierung der Website wird jedoch empfohlen, keine Tabellen für das Layout zu verwenden. Viele Freunde glauben fälschlicherweise, dass die Verwendung von Tabellen angeblich nicht dem Standard entspricht. Tatsächlich ist dies nicht der Fall. Tabellen sind ein wichtiges Element. Vor kurzem habe ich nach den wichtigsten Tags gesucht, die in der Tabelle enthalten sind. Natürlich wollte ich sie mit Ihnen teilen. Zu den Tabellen-Tags gehören hauptsächlich table, caption, th, tr, td, thead, tfoot, tbody, col, colgroup . Die Einführung zu jedem lautet wie folgt: <Tabelle> Das Tabellen-Tag definiert eine Tabelle. Innerhalb des <table>-Tags können Sie Tabellenüberschriften, Tabellenzeilen, Tabellenspalten, Tabellenzellen und andere Tabelleninhalte platzieren. <Beschriftung> Das Caption-Element definiert einen Tabellentitel. Das Beschriftungs-Tag muss direkt nach dem Tabellen-Tag stehen. Sie können nur eine Kopfzeile pro Tabelle definieren. Normalerweise wird dieser Titel zentriert über der Tabelle angezeigt. <th> Definiert die Kopfzellen innerhalb einer Tabelle. Text innerhalb dieses th-Elements wird normalerweise fett dargestellt. <tr> Definiert eine Zeile in einer Tabelle. <td> Definiert eine Zelle in einer Tabelle. <Kopf> Definiert die Tabellenüberschrift. Mit den Elementen „thad“, „tfoot“ und „tbody“ können Sie Zeilen in einer Tabelle gruppieren. Wenn Sie eine Tabelle erstellen, möchten Sie wahrscheinlich eine Kopfzeile, einige Zeilen mit Daten und unten eine Gesamtsummenzeile haben. Durch diese Aufteilung sind Browser in der Lage, das Scrollen des Tabellenkörpers unabhängig von der Kopf- und Fußzeile der Tabelle zu unterstützen. Beim Drucken langer Formulare werden die Kopf- und Fußzeilen der Tabelle möglicherweise auf jeder Seite gedruckt, die die Tabellendaten enthält. <tbody> Definiert einen Tabellenkörper (Text). Mit dem Tag <tbody> können Sie eine Tabelle in einen separaten Abschnitt unterteilen. Der <tbody>-Tag kann eine oder mehrere Zeilen in einer Tabelle gruppieren. Obwohl die Versuchung groß ist, ein, zwei oder mehr <tbody>-Tags in eine Tabelle einzufügen, empfehlen wir, keine <tbody>-Tags in einer Tabelle zu verwenden. Innerhalb des <tbody>-Tags kann nur das <tr>-Tag Tabellenzeilen definieren. Und sobald es definiert ist, ist ein <tbody>-Tag ein unabhängiger Teil der Tabelle. Beispielsweise ist es nicht möglich, von einem <tbody> zu einem anderen <tbody> zu wechseln. Mit den Elementen „thad“, „tfoot“ und „tbody“ können Sie Zeilen in einer Tabelle gruppieren. Wenn Sie eine Tabelle erstellen, möchten Sie wahrscheinlich eine Kopfzeile, einige Zeilen mit Daten und unten eine Gesamtsummenzeile haben. Durch diese Aufteilung sind Browser in der Lage, das Scrollen des Tabellenkörpers unabhängig von der Kopf- und Fußzeile der Tabelle zu unterstützen. Beim Drucken langer Formulare werden die Kopf- und Fußzeilen der Tabelle möglicherweise auf jeder Seite gedruckt, die die Tabellendaten enthält. <tfuß> Definiert die Fußzeile (Fußnote) der Tabelle. Mit den Elementen „thad“, „tfoot“ und „tbody“ können Sie Zeilen in einer Tabelle gruppieren. Wenn Sie eine Tabelle erstellen, möchten Sie wahrscheinlich eine Kopfzeile, einige Zeilen mit Daten und unten eine Gesamtsummenzeile haben. Durch diese Aufteilung sind Browser in der Lage, das Scrollen des Tabellenkörpers unabhängig von der Kopf- und Fußzeile der Tabelle zu unterstützen. Beim Drucken langer Formulare werden die Kopf- und Fußzeilen der Tabelle möglicherweise auf jeder Seite gedruckt, die die Tabellendaten enthält. <Spalte> Definiert den Wert einer Eigenschaft für eine oder mehrere Spalten in einer Tabelle. Sie können dieses Attribut nur in einer Tabelle oder Spaltengruppe verwenden. <Spaltengruppe> Definiert die Gruppierung von Tabellenspalten. Mit diesem Element können Sie Spalten zu Formatierungszwecken gruppieren. Dieses Element ist nur innerhalb eines <table>-Tags gültig. Es gibt zwei Möglichkeiten, das Tag <colgroup> zu verwenden: Eine besteht darin, einfach mehrere identische Spalten zu definieren, die andere darin, mehrere unterschiedliche Spalten zu gruppieren. PS: Die oben stehenden Inhalte stammen alle von w3school, da w3school das Urheberrecht in den Copyright-Informationen gekennzeichnet hat und sich alle Rechte vorbehält. Dann werde ich es nicht erneut veröffentlichen oder bearbeiten. Ich nehme einfach einen Absatz und Sie können darauf klicken, um direkt die ausführliche Einführung eines Tags anzuzeigen. Siehe auch die Einführung zu Tabellen. |
<<: So stellen Sie mit Navicat Premium eine Remoteverbindung zur MySQL-Datenbank her
>>: Löschen von zwei Bildern mit derselben ID im Docker
Artikel empfehlen
Tutorial zur Installation von Apache 2.4.41 unter Windows 10
1. Installation und Konfiguration von Apache 2.4....
Tutorial zur Nginx-Standortkonfiguration von Grund auf
Grundlagen Die Reihenfolge der Standortübereinsti...
Designtheorie: Eine Methode, um die Herzen der Menschen zu verstehen
<br />Einmal unterhielten sich Foyin und Her...
Wettersymbol-Animationseffekt implementiert durch CSS3
Ergebnisse erzielen Implementierungscode html <...
Probleme mit Index und FROM_UNIXTIME in MySQL
Null, Hintergrund Ich habe diesen Donnerstag viel...
MySQL erstellt Benutzer, autorisiert Benutzer, widerruft Benutzerberechtigungen, ändert Benutzerkennwörter und löscht Benutzer (praktische Tipps)
MySQL erstellt Benutzer und autorisiert und wider...
Detaillierte Erläuterung der Implementierungsschritte von MySQL Dual-Machine Hot Standby und Load Balancing
Die MySQL-Datenbank verfügt nicht über einen inkr...
Mysql-Operation zum Abrufen von Tabellenkommentarfeldern
Ich werde nicht viel Unsinn erzählen, schauen wir...
7 Fähigkeiten, die Webdesigner haben müssen
Webdesign ist sowohl eine Wissenschaft als auch e...
So zeigen Sie den Nginx-Konfigurationsdateipfad und den Ressourcendateipfad an
Zeigen Sie den Pfad der Nginx-Konfigurationsdatei...
Lösung für Workbench, das keine Verbindung zu MySQL auf Alibaba Cloud Server Ubuntu herstellt (getestet)
In den letzten zwei Tagen hatte ich große Problem...
Linux Yum-Paketverwaltungsmethode
Einführung yum (Yellow dog Updater, Modified) ist...
Detaillierter Prozessbericht der Vue2-Initiierungsanfragen mit Axios
Inhaltsverzeichnis Vorwort Axios-Installation und...
Ein-Klick-Installation von MySQL 5.7 und Methode zur Änderung der Kennwortrichtlinie
1. Ein-Klick-Installation des Mysql-Skripts [root...
CSS HACK für IE6/IE7/IE8/IE9/FF (Zusammenfassung)
Seit ich die offizielle Version von IE8.0 install...