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
Artikel empfehlen
Führen Sie die folgenden Schritte aus, damit Nginx Anti-Hotlinking konfiguriert.
brauchen: Normalerweise wollen Websites verhinder...
HTML implementiert die Funktion zur Erkennung der Eingabevervollständigung
Verwenden Sie „onInput(event)“, um festzustellen,...
js zur Realisierung des Mausverfolgungsspiels
In diesem Artikel wird der spezifische Code von j...
Lösen Sie die Probleme, die bei der Installation von MySQL 8.0 auf einem Win10-System auftreten
Bei der Installation von MySQL 8.0 auf einem Win1...
So zeigen Sie Bildinformationen in Docker an
In diesem Artikel müssen wir lernen, wie man Bild...
Detaillierte Erklärung des Unterschieds zwischen in und exists in MySQL
1. Bereiten Sie sich im Voraus vor Zu Ihrer Beque...
Details nach dem Setzen des src des Iframes auf about:blank
Nachdem die Quelle des Iframes auf „about:blank“ g...
js implementiert das Hinzufügen und Entfernen von Warenkörben sowie die Preisberechnung
In diesem Artikelbeispiel wird der spezifische JS...
Beispielcode zum Erzielen eines Aushöhlungseffekts mit reinem CSS
Ich habe kürzlich den Aushöhlungseffekt untersuch...
Detailliertes Tutorial zur Installation von mysql5.7.21 unter einem Windows-System
MySQL Installer bietet eine benutzerfreundliche, ...
Implementierung der automatischen Konstruktionsweiterleitung von React
Inhaltsverzeichnis Sequenz 1. Zentralisiertes Rou...
Detaillierte Erläuterung der sieben Wertübertragungsmethoden von Vue
1. Vom Vater zum Sohn Definieren Sie das props Fe...
Konfigurieren Sie nginx so, dass es zur Systemwartungsseite umleitet
Letztes Wochenende bereitete sich ein Bruderproje...
Installieren Sie mehrere PHP-Versionen für Nginx unter Linux
Wenn wir die LNPM-Serverumgebung installieren und...
Detailliertes Tutorial zum Bereitstellen eines Springboot-Projekts mit Nginx auf dem Server (JAR-Paket)
1. Packen Sie das Java-Projekt in ein JAR-Paket H...