XHTML-Einführungstutorial: Anwendung von Tabellen-Tags

<br />Tabelle ist ein umständliches Tag in XHTML, daher müssen Sie es nur in diesem Abschnitt verstehen. Bevor CSS populär wurde, wurden Tabellen häufig zur Positionierung verwendet. In XHTML wird die Positionierung von Tabellen nicht empfohlen und das W3C hofft, dass CSS <table> bei der Positionierung ersetzen kann. Da die Verwendung von CSS-Layouts jedoch häufig viel handgeschriebenen Code erfordert (gängige Webdesign-Software wie Dreamweaver unterstützt die Anzeige von div nicht perfekt), wird <table> von vielen Websites immer noch für das Layout von Homepages verwendet. Beispielsweise verwendet die Seite „Weitere Produkte“ von Google Tabellen zur Positionierung. Ich persönlich empfehle Ihnen jedoch, CSS zur Positionierung Ihrer Seiten zu verwenden, da sich das Web in diese Richtung bewegt. Natürlich kann das Ersetzen von Tabellen durch CSS in der Anfangsphase große Probleme verursachen. Tabellen-Tag <table>
In XHTML ist das Tag zum Erstellen einer Tabelle <table>. Beim Schreiben des Codes verwenden wir zuerst das Tag <tr>, um die Tabelle in Zeilen zu unterteilen, und verwenden dann das Tag <td>, um jede Zeile in Zellen zu unterteilen. Es ist sehr schwierig und ineffizient, eine Tabelle vollständig durch handschriftlichen Code zu erstellen. Das Erstellen einer Tabelle in einer Software zur Webseitenerstellung ist jedoch genauso einfach wie in Word. Sie müssen nur einfache Eigenschaften wie Zeilen und Spalten auswählen. Es kann jedoch vorkommen, dass die automatisch generierte Tabelle die Anforderungen nicht erfüllt und im Codemodus angepasst werden muss. Daher müssen wir weiterhin über ein allgemeines Verständnis der spezifischen Schreibmethoden von XHTML-Tabellen-Tags verfügen. Eigenschaften der Tabellenränder
Das <table>-Tag kann ein Rahmenattribut haben. Wenn Sie für die Rahmeneigenschaft keinen Wert festlegen, zeigt der Browser den Tabellenrahmen standardmäßig nicht an. Tabellenübung Lassen Sie uns ein Etikett mit vier Zeilen und zwei Spalten erstellen. Der Code lautet wie folgt: <table border="1">
<tr>
<td>ein Gitter</td>
<td>ein Gitter</td>
</tr>
<tr>
<td>ein Gitter</td>
<td>ein Gitter</td>
</tr>
<tr>
<td>ein Gitter</td>
<td>ein Gitter</td>
</tr>
<tr>
<td>ein Gitter</td>
<td>ein Gitter</td>
</tr>
</Tabelle>
Die angezeigten Ergebnisse sind wie folgt: Beachten Sie den obigen Code, es gibt 4 Paare von <tr>, die den 4 Zeilen darunter entsprechen. Und jede <tr> (Zeile) hat zwei <td>-Zellen. Es wird also eine Tabelle mit 4 Zeilen und 2 Spalten.
Zum Auflisten von Daten und anderen Informationen reicht eine Tabelle mit derartigen Rastern aus, Tabellen zur Positionierung sind jedoch in der Regel komplizierter. Wir betonen noch einmal, dass wir die Verwendung von Tabellen zur Positionierung nicht empfehlen. Deshalb stellen wir <table> hier nur kurz vor.

<<: jQuery implementiert ein atmendes Karussell

>>: Docker-Compose erstellt schnell Schritte für ein privates Docker-Warehouse

So stellen Sie LNMP und phpMyAdmin in Docker bereit

XHTML-Einführungstutorial: Anwendung von Tabellen-Tags

So stellen Sie LNMP und phpMyAdmin in Docker bereit

vue + springboot realisiert den Login-Bestätigungscode

So zeigen Sie eine PDF-Datei mit pdfjs in vue in der Vorschau an

Bootstrap 3.0 Studiennotizen Grid-System-Fall

Lösung für den MySQL-Fehler „Tabelle kann nicht gelesen werden“ (MySQL-Fehler 1018)

MySQL-Unterabfragen und gruppierte Abfragen

Beispiel zur Erläuterung der Größe einer MySQL-Statistiktabelle

Installations-Tutorial für VMware Workstation 12 Pro Linux

Einfache Verwendung des Vue Vee-Validate-Plugins

So installieren Sie Docker auf CentOS

Artikel empfehlen

Ubuntu 18.0.4 installiert MySQL und behebt FEHLER 1698 (28000): Zugriff für Benutzer ''root''@''localhost'' verweigert

Detaillierte Erklärung zur Verwendung von Filtereigenschaften in CSS3

Methoden des adaptiven Webdesigns (gutes Zugriffserlebnis auf Mobiltelefonen)

Detaillierte Erläuterung des Apache SkyWalking-Alarmkonfigurationshandbuchs

Detailliertes Tutorial zur schnellen Installation von Zookeeper in Docker

Informieren Sie sich, wie HTML und Ressourcen geladen werden

Analyse der MySQL-Methode zum Exportieren nach Excel

So gehen Sie mit zu vielen Docker-Protokollen um, die dazu führen, dass die Festplatte voll wird

Detaillierte Erläuterung der Vue Simple Notepad-Entwicklung

Webdesign-Tutorial (5): Visuelles Webdesign

Beispiel für die Implementierung einer Ankerpositionierungsfunktion beim WeChat-Applet

Eine kurze Diskussion über den Vergleich von varchar, char und text in der PostgreSQL-Datenbank

Element Tabelle Tabellenkomponente Mehrfeld (Mehrspalten) Sortiermethode

MySQL 8.0.19 Installations- und Konfigurations-Tutorial unter Windows 10

Implementierungsbeispiel für die Bereitstellung von Docker rocketmq