In der heutigen modernen Welt ist fast alles online, egal ob es einkaufen, verkauft, Konten usw. handelt usw. Aufgrund dessen, dass eine große Menge an Daten organisiert werden muss. Aber hier ist die Frage, wie wir diese große Datenmenge organisieren? Die Antwort auf dieses Problem ist also sehr einfach. Wir können Daten mithilfe von Tabellen organisieren. In HTML spielen Tabellen eine wichtige Rolle bei der Organisation von Daten, die die Interaktivität der Schnittstelle verbessert.
Dieser Artikel führt Sie dazu, Tabelle in HTML zu erstellen, und dient den folgenden Ergebnissen: Dieser Artikel wird sagen
So erstellen Sie eine Tabelle in HTML
Tischüberschrift
Tabelle Zellspaziergang und Cellpadding
Tabelle Rowspan und Colspan
Tabellenüberschrift
Header, Körper und Fußzeile für den Tisch
So erstellen Sie eine Tabelle in HTML
Eine HTML -Tabelle wird verwendet, um Daten in Zeilen und Spalten zu organisieren. Um eine Tabelle in HTML zu erstellen, verwenden wir
Tag und zum Erstellen von Zeilen in einer Tabelle
Das Tag wird verwendet, um Zellen in einer von uns verwendeten Tabelle zu erstellen
Schild. Das folgende Beispiel gibt Ihnen eine klare Ansicht, wie eine Tabelle in HTML erstellt wird.
Beispiel
TISCH
Butter
3 Kilogramm
Milch
3 Liter
Im obigen Beispiel erstellen wir eine einfache Tabelle mit zwei Zeilen und Zellen. Eine Tabelle wird durch Verwendung erstellt
Tag zusammen mit dem Grenzattribut. Dann in a
Tag, das wir verwenden
Tag zum Erstellen von Tabellenzeile und innen
Tag, das wir verwenden
Tag zum Erstellen von Spalten in einer Zeile.
Ausgang
Wie Sie sehen, haben wir wie erwartet eine Tabelle mit zwei Zeilen und Spalten bekommen.
Tischüberschrift
Wir gebrauchen
Tag zum Einfügen der Überschrift in eine Tabelle. Das folgende Beispiel erklärt es deutlich
Beispiel
TISCH
Produkt
Menge
Butter
3 Kilogramm
Milch
3 Liter
In diesem Beispiel haben wir die verwendet
Tag, um der Spalte Überschriften zu geben.
Ausgang
So fügen wir einem Tisch eine Überschrift hinzu.
Tabelle Zellspaziergang und Cellpadding
Diese beiden Attribute werden zur Einstellung des Zellabstands verwendet.
Zellspaziergang: Dieses Attribut fügt Räume zwischen den Zellen hinzu.
Cellpadding: Dieses Attribut gibt den Abstand des Zellgehalts von der Zellgrenze an.
Diese Attribute können mit dem verwendet werden
Nur Tag. Das folgende Beispiel hilft Ihnen, diese Attribute besser zu verstehen.
Beispiel 1
Produkt
Menge
Butter
3 Kilogramm
Milch
3 Liter
In diesem Beispiel verwenden wir das Zellspazierattribut in der
Tag und setzen Sie seinen Wert auf 10, was Räume zwischen den Zellen der Tabelle hinzufügt.
Ausgang
Der Ausgang zeigt deutlich das Ergebnis für Zellspaziergänge, das Räume zwischen den Zellen hinzufügt.
Beispiel 2
Der folgende Code verwendet die Cellpadding in eine Tabellenzelle.
Produkt
Menge
Butter
3 Kilogramm
Milch
3 Liter
In diesem Beispiel verwenden wir das CellPadding -Attribut in
Tag und setzen.
Ausgang
Dieser Ausgang zeigt das Ergebnis für Cellpadding.
Tabelle Rowspan und Colspan
Diese beiden Attribute werden verwendet, um Zeilen und Spalten zusammenzuführen.
Rowspan: Zwei oder mehr Zeilen können durch die Verwendung dieses Attributs zusammengeführt werden.
Colspan: Zwei oder mehr Spalten können durch die Verwendung dieses Attributs zusammengeführt werden.
Diese Attribute können mit dem verwendet werden
Nur Tag. Das folgende Beispiel hilft Ihnen, diese Attribute besser zu verstehen.
Beispiel
Produkt
Aromen
Milch
Mandel
Mango
Schokolade
Dies sind exklusive Aromen
Im obigen Beispiel verwenden wir Rowspan- und Colspan -Attribute mit
Tag zum Zusammenführen der Zeilen und Spalten in einer Tabelle.
Ausgang
Der obige Ausgang zeigt, dass die drei Brown aufgrund von Rowspannwagen zusammengeführt werden und zwei Säulen aufgrund der Verwendung von colspan zusammengeführt werden
Tabellenüberschrift
In HTML Tag wird verwendet, um einer Tabelle eine Bildunterschrift zu verleihen. Bildunterschrift gibt eine zusammengefasste Informationen über die Tabelle an. Das folgende Beispiel hilft Ihnen, besser zu verstehen.
Beispiel
Produktinformation
Produkt
Aromen
Milch
Mandel
Mango
Schokolade
Dies sind exklusive Aromen
In der obigen Ausgabe verwenden wir Tag zum Hinzufügen einer Bildunterschrift mit einer Tabelle in HTML.
Ausgang
Diese Ausgabe zeigt das Produktinformation wird über der Tabelle aufgrund der angezeigt Schild.
Tisch Kopfball, Körper und Fußzeile
Tabellen können in drei Teile verteilt werden, wenn komplexe Daten organisiert werden müssen. Diese Teile sind Header, Fußzeile und ein Körper. Das Tag wird verwendet, um den Header einer Tabelle zu erstellen. Das Tag wird verwendet, um die Fußzeile der Tabelle zu erstellen und
Tag enthält den Hauptinhalt der Tabelle. Das folgende Beispiel hilft Ihnen, besser zu verstehen.
Beispiel
Produkt
Aromen
Milch
Mandel
Mango
Schokolade
Dies sind exklusive Aromen
Im obigen Beispiel verwenden wir Um den Header der Tabelle anzugeben, verwenden wir dann Um den Hauptinhalt des Körpers anzugeben und dann wird verwendet, um die Fußzeile der Tabelle anzugeben.
Ausgang
Die Ausgabe zeigt, dass die Tabellenüberschrift in Tag, Produktname und Beschreibung geschrieben ist
Tag, während eine kurze Nachricht enthält.
Abschluss
In HTML,
Tag ist um eingewickelt
Tag und
Tag, um eine Tabelle zu erstellen, während
Tag gibt die Zeilen an und
Tag gibt die Spalten der Tabelle an. In erster Linie zielt dieser Artikel darauf ab, zu demonstrieren, wie eine Tabelle in HTML erstellt wird. Darüber hinaus haben wir auch Beispiele zum Zellplatz, Zellpadding, Zeilenspannung, Säulenverspannung, Tabellenkaption, Tabellenhader, Table-Körper und Tabellenfuß erläutert.
