Dieser Artikel bietet Ihnen ein detailliertes und umfassendes Wissen über HTML-Tabellen. Die verschiedenen Tags und Formatierungen, die durchgeführt werden können.
Seit dem technologischen Beginn ist eine Tabelle eine übliche Methode zum Speichern und Visualisieren von Daten. Es wird in fast allen Bereichen zur Darstellung von Textinformationen und numerischen Daten verwendet, wobei Sie zwei oder mehr Elemente problemlos vergleichen können. In diesem Artikel werde ich diskutieren Tabellen in der folgenden Reihenfolge:
In einfachen Worten ist eine Tabelle eine Sammlung zusammengehöriger Daten, die aus Zeilen und Spalten besteht. Wie wir wissen, ist HTML eine Standard-Markup-Sprache zum Erstellen und Anzeigen von Webseiten in einem Webbrowser. Das Erstellen und Arbeiten mit Tabellen wird daher zu einer wichtigen Unterkompetenz, um HTML zu beherrschen. In diesem Blog lernen wir, wie man mit Tabellen in HTML arbeitet.
Um eine HTML-Tabelle zu definieren, verwenden wir
Etikett. Innerhalb
Tag, definieren Sie zuerst Tabellenzeilen mit
Etikett. Als Nächstes definieren Sie Tabellenüberschriften in
Etikett. Daten oder Zellen in der Tabelle werden mit definiert
Schauen wir uns zunächst die Liste der HTML-Tags an, die zum Erstellen von Tabellen verwendet werden. Später in diesem Blog werden wir anhand von Beispielen lernen, wie man sie verwendet.
:: Wird zum Definieren einer Tabelle verwendet
:: Wird verwendet, um eine Kopfzelle in einer Tabelle zu definieren
:: Wird verwendet, um eine Zeile in einer Tabelle zu definieren
:: Wird verwendet, um eine Zelle in einer Tabelle zu definieren
::Wird verwendet, um die Beschriftung einer Tabelle zu definieren
::Wird verwendet, um eine Gruppe von einer oder mehreren Spalten in einer Tabelle für die Formatierung anzugeben
: Wird verwendet, um Spalteneigenschaften für jede Spalte innerhalb eines Elements anzugeben
::Wird verwendet, um den Header-Inhalt in einer Tabelle zu gruppieren
: Wird verwendet, um den Body-Inhalt in einer Tabelle zu gruppieren
: Wird verwendet, um den Fußzeileninhalt in einer Tabelle zu gruppieren
Schauen wir uns nun den Beispiel-HTML-Code an, um eine Tabelle zu erstellen.
Name
Alter
Abhishek
18
Bob
2. 3
Ausgabe:
Variationen der HTML-Tabelle
Cellpadding- und Cellspacing-Attribute
Es gibt zwei Attribute, Cellpadding und Cellspacing, mit denen Sie den Leerraum in Ihren Tabellenzellen anpassen können. Das Zellenabstandsattribut definiert den Abstand zwischen Tabellenzellen, während das Auffüllen von Zellen den Abstand zwischen den Zellgrenzen und dem Inhalt innerhalb einer Zelle darstellt.
Cellspacing & Cellpadding
Name
Alter
Abhishek
fünfzehn
Bob
2. 3
Colspan- und Rowspan-Attribute
Das Colspan-Attribut wird zum Zusammenführen von zwei oder mehr Spalten verwendet, während das Rowspans zum Zusammenführen von zwei oder mehr Zeilen verwendet wird.
Colspan & Rowspan
Stapel
Name
Alter
Informatik
Abhishek
fünfzehn
Bob
2. 3
Brechen
Tischhöhe und -breite
Mit HTML können Sie die Höhe und Breite der Tabelle anpassen. Das Attribut Breite & Höhe wird verwendet, um die Breite bzw. Höhe der Tabelle festzulegen. Sie können es entweder als Prozentsatz der auf dem Bildschirm verfügbaren Fläche oder als Pixel angeben.
Breite und Höhe der HTML-Tabelle
Abhishek
fünfzehn
Bob
2. 3
Tabellenkopf, Körper und Fußzeile
Eine Tabelle kann in drei Abschnitte unterteilt werden, d. H. Eine Kopfzeile, einen Textkörper und eine Fußzeile. Kopf- und Fußzeile ähneln Kopf- und Fußzeile in einem Word-Dokument, das für jede Seite gleich bleibt, während der Hauptteil den Hauptinhalt enthält.
Das Tag erstellt einen separaten Tabellenkopf, während der Tag einen separaten Tabellenfuß erstellt. Tags enthalten den Hauptteil der Tabelle.
Sie können auch einen Tabellenhintergrund festlegen. Bgcolor Das Attribut legt die Hintergrundfarbe für die gesamte Tabelle sowie für eine Zelle fest, während das Hintergrundattribut ein Hintergrundbild für die gesamte Tabelle sowie nur für eine Zelle festlegt.
Das Beschriftungs-Tag dient als Titel oder Erklärung für die Tabelle, die oben in der Tabelle angezeigt wird.
HTML-Tabellenhintergrund
Tabellenüberschrift
Spalte 1
Spalte 2
Spalte 3
Zeile 1 Zelle 1
Zeile 1 Zelle 2
Zeile 1 Zelle 3
Zeile 2 Zelle 2
Zeile 2 Zelle 3
Zeile 3 Zelle 1
Damit sind wir am Ende dieses Artikels angelangt. Nachdem Sie die obigen Snippets ausgeführt haben, haben Sie verstanden, wie Sie Tabellen in HTML erstellen. Ich hoffe, dieser Blog ist informativ und bietet Ihnen einen Mehrwert.
Besuche dievon Edureka, einem vertrauenswürdigen Online-Lernunternehmen mit einem Netzwerk von mehr als 250.000 zufriedenen Lernenden auf der ganzen Welt.Mit dem Web Development Certification Training lernen Sie, wie Sie beeindruckende Websites mit HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- und Google-APIs erstellen und für Amazon Simple Storage Service (S3) bereitstellen.
Hast du eine Frage an uns? Bitte erwähnen Sie es in den Kommentaren dieses Artikels und wir werden uns bei Ihnen melden.