Es gibt verschiedene Methoden, um Daten darzustellen, z. B. Diagramme, Diagramme, Tabellen und mehr. Die häufigste, verständlichste und überschaubare Methode ist jedoch das Hinzufügen einer Tabelle auf einer Webseite. Die Tabelle spart Zeit und Raum. Darüber hinaus organisiert es die Daten in Zeilen und Spalten.
Das Lernergebnis dieses Leitfadens sind:
Was sind Tischüberschriften?
So erstellen Sie horizontale Header -Tabelle in HTML?
So erstellen Sie vertikale Headertabelle in HTML?
Was sind Tischüberschriften?
Die Überschriften in einer Tabelle stellen den in der Zeile oder Spalte enthaltenen Datentyp dar. Überschriften können horizontal oder vertikal in einer Tabelle eingestellt werden. Genauer gesagt das “Tag fügt dem Tisch Überschriften hinzu.
So erstellen Sie horizontale Header -Tabelle in HTML?
Wie wir wissen, umfasst eine Tabelle Überschriften, Zeilen und Spalten. In ähnlicher Weise können Sie in HTML Tabellen mit dem erstellen
Tag, Reihen mit dem Tag und Spalten mit dem
Schild.
So erstellen Sie eine horizontale Header -Tabelle in der HTML -Datei:
Füge hinzu ein Schild.
Platzieren Sie in diesem Tag ein Tag, um der Tabelle eine Bildunterschrift zu geben/festzulegen.
Um eine Tabellenzeile für die Überschriften zu machen, fügen Sie hinzu
Tags innerhalb davon hinzufügen
Tags, um die Überschriften anzugeben.
Ebenso hinzufügen
Tags zum Hinzufügen von Datenzeilen.
Html
Studenten Kursdetails
Name
Der Name des Vaters
Kurs
John
Holz
Grundlagen von Java
Wilhelm
James
Einführung in c++
Ben
Schmied
Menschliche Computersysteme
Das folgende Bild zeigt eine Tabelle, die erfolgreich erstellt wurde:
Wenden wir mit CSS Stile auf die oben erstellte Tabelle an.
Tags werden mit den unten beschriebenen Eigenschaften gestaltet:
“SchriftgrößeDie Eigenschaft setzt die Schriftgröße auf 24px.
“GrenzeDie Eigenschaft legt einen Rand um den Tisch mit einer Linienbreite von 4px, durchgezogener Linienstil und Farbe Nr. 379237 fest.
“Rand"Eigenschaft wird als" festgelegt "Auto”, Was gleiche Räume zu allen Seiten des Elements bedeutet.
“Polsterung”Eigenschaft mit dem Wert von“4px”Fügt allen Seiten des Inhalts innerhalb der Tabelle Platz von 4px hinzu.
“BreiteImmobilien setzt 60% Breite der Tabelle.
“SchriftgrößeDie Eigenschaftssätze/stellt die Schriftgröße auf 25px an/passt an.
“HintergrundfarbeDie Eigenschaft gilt #38E54D -Farbe auf den Hintergrund der Tabelle.
Ausgang
So erstellen Sie vertikale Headertabelle in HTML?
Erstellen Sie zunächst eine Tabelle mit der
Schild. Fügen Sie in diesem Tag ein Tag für die Überschrift hinzu. Danach, um die erste Zeile zu erstellen, fügen Sie a hinzu Tag und dann mehrere Tags und
Tags für Daten. In ähnlicher Weise fügen Sie mehrere hinzu
Tags auf die gleiche Weise:
Studenten Kursdetails
Name
John
Wilhelm
Ben
Der Name des Vaters
Schmied
Holz
James
Kurs
Grundlagen von Java
Einführung in c++
Menschliche Computersysteme
Es ist ersichtlich, dass sich die Überschriften im vertikalen Format befinden:
So können Sie einen HTML -Tischkopf in eine Tabelle einfügen.
Abschluss
Die Datenüberschriften sind für jedes Dokument sehr erforderlich, da sie das Thema der Daten in einer bestimmten Spalte oder Zeile der Tabelle darstellen. In HTML die
Tags in einer Tabelle werden verwendet, um der Tabelle Überschriften hinzuzufügen. Nach der Erstellung der HTML -Seite werden mehrere Eigenschaften verwendet, um die Tabelle zu stylen. Dieser Artikel hat die HTML erläutert