Mit der Div-Tag zu erstellen Tabellen
Erstellen von Tabellen können fehleranfällig und schwierig mit den älteren HTML-Tags sein. Darüber hinaus beweisen, dass sie manchmal unflexibel. Es ist möglich, Tabellen mit einer anderen Technik zu schaffen. Alles, was Sie brauchen, ist eine Reihe von Tags Kaskadierung um die Aufgabe auszuführen.
Viele Entwickler haben Tabellen für alle Arten von Aufgaben in der Vergangenheit verwendet. Natürlich wird die Verwendung von Tabellen, Daten anzuzeigen. Allerdings sind tabellarische Anordnungen auch nützlich zum Erstellen von Formularen die verschiedenen Elemente ausrichten auf vorhersehbare Weise zu gewährleisten. Diese zweite Verwendung von Tabellen ist problematisch, weil es einige Software wie Bildschirmleser verwirrt. Das Problem wird zu einem der Definition einer gut organisierten Seite, ohne es zu sehen Probleme für die Menschen zu schaffen.
Mit Tags eine Tabelle zu erstellen ist es möglich, für die Zuschauer eine Tabelle oder eine logische Anordnung der Bedienelemente mit gleicher Leichtigkeit zu sehen. Diese Technik hat auch den Vorteil, nicht Bildschirm Leser verwirrend und andere Software.
Definition der HTML-Code für eine Tabelle sieht ein wenig wie eine Tabelle erstellen, die älteren Tags verwenden, es sei denn Sie tun es nicht über ungerade Anordnungen von obskuren Tags zu kümmern. Hier ist der HTML-Code für eine Tabelle, die einen Titel enthält, Überschriften und zwei Reihen von Inhalten.
Das ist ein Tisch
Überschrift 1
Überschrift 2
Rubrik 3
Zeile 1 Spalte 1
Zeile 1, Spalte 2
Zeile 1 Spalte 3
Row 2 Spalte 1
Row 2 Spalte 2
Row 2 Spalte 3
Beachten Sie, dass jede Ebene definiert ist, eine leicht zu erkennen Namen, wie Tabelle, Titel, Überschrift, Reihe, und Cell. Diese Benennungsmethode macht es viel einfacher, was jeder Ebene der Tabelle, um herauszufinden, tun soll. Sie können online viele verschiedene Alternativen zu diesem Ansatz finden, aber dieser Ansatz wird Ihnen gut.
Die CSS für diese Tabelle verwendet einige besondere Eigenschaften und ein wenig klug Formatierung. Hier ist die CSS verwendet, um dieses Beispiel funktionsfähig zu machen.
Beachten Sie die Verwendung der Anzeigeeigenschaft. Dies ist die entscheidende Eigenschaft für Ihren Tisch, weil es der Browser sagt, wie ein bestimmtes Element angezeigt werden soll. Ansonsten gibt es nicht etwas seltsam von aus dem normalen über diese Stile. Sie definieren die Textattribute, die helfen die Zuschauer zwischen verschiedenen Tabellenelemente unterscheiden. Zellen sind voneinander mit einer einfachen Grenze getrennt. Die folgende Abbildung zeigt Ihnen, wie die Tabelle angezeigt, wenn Sie es in einem Browser anzeigen.
