Es gibt verschiedene Möglichkeiten, Daten und Informationen darzustellen, z. B. Diagramme, Grafiken, Piktogramme oder tabellarische Formen. Die Tabelle organisiert Daten in Zeilen und Spalten, wodurch die Daten lesbarer und klarer werden. Die tabellarischen Daten sparen auch Zeit und Platz. Um Tabellen in HTML zu erstellen, verwenden wir
Tag mit
Schild,
Tag zum Übergang und
Für Tabellendaten.
Die Lernergebnisse dieses Artikels werden:
Was ist HTML
Schild?
So erstellen Sie eine Tabelle in HTML?
Was sind die Attribute von
Schild?
So erstellen Sie vertikale Headertabelle?
Was ist HTML
Schild?
Die HTML
Tag gibt eine Zeile in einer Tabelle an, die
Tag wird für die Tischüberschrift verwendet und
Tag ist für Tabellendaten.
Syntax
…
Das HTML TR -Tag hat ein Startetikett
und ein Schlussetikett
.
So erstellen Sie eine Tabelle in HTML?
Das folgende Beispiel zeigt, wie wir eine Tabelle in HTML erstellen können. Zuerst fügen Sie a hinzu a
Tag und dann eine Bildunterschrift mit dem Tag angeben:
Schülerinformationen
Innerhalb des Tabellenelements hinzufügen
Tag nach der Beschriftung. Die erste Zeile enthält die Überschrift jeder Spalte. Dafür
Tags werden verwendet:
Roll Nr
Name des Studenten
Dob
Fügen wir nach dem Erstellen von drei Spalten Daten zu den Spalten hinzu. Die Daten werden zu jeder Zeile in Übereinstimmung mit den Überschriften in der nächsten Zeile hinzugefügt. Um Daten hinzuzufügen, die
Tag wird verwendet:
1
John
23-05-1997
Erstellen Sie in ähnlicher Weise zwei weitere Zeilen, wie im Code -Snippet unten gezeigt:
2
Wilhelm
02-9-1995
3
Gänseblümchen
12-03-1998
Die entsprechende Ausgabe des oben genannten Codes sieht folgendermaßen aus:
Antragen von Stilen auf Tisch mit CSS
In diesem Abschnitt werden wir einige Styling -Eigenschaften auf die oben erstellte Tabelle anwenden.
Tags werden mit den nachstehend beschriebenen CSS -Eigenschaften gestaltet:
“HintergrundfarbeDie Eigenschaft wird verwendet, um der Tabelle Hintergrundfarbe zu verleihen.
“GrenzeDie Eigenschaft legt einen Rand um den Tisch mit einer Breite, einer Linienart und einer Farbe fest.
“SchriftgrößeDie Eigenschaft wird verwendet, um die Größe der Schrift als 25px festzulegen.
Stiltischelement
Tisch Rand: Auto; Breite: 60%; Höhe: 150px;
Hier:
“Rand”Eigenschaft mit Wert“Auto”Legt den Tisch von jeder Seite in den Mittelabstand gleich.
“BreiteDie Eigenschaft wird verwendet, um die Breite der Tabelle festzulegen.
“HöheDie Eigenschaft legt die Höhe des Tisches fest.
Ausgang
Was sind die Attribute von
Schild?
Es gibt viele Attribute, die dem HTML zugeordnet sind
Tag, wie::
Rowspan
colspan
Attribut: Rowspan
Dieses Attribut enthält einen nicht negativen Wert, der die Anzahl der Zeilen angibt, die sich die Zelle erstreckt. Sein Standardwert beträgt 1.
Beispiel: So fügen Sie einer Tabellenzeile das Attribut von Rowspan hinzu? Aus dem obigen Beispiel haben wir also die zweite Reihe genommen. Fügen Sie den Attribut -Rowspan mit Wert 2 zu den dritten Tabellendaten hinzu:
2
Wilhelm
02-9-1995
Aus dem unten stehenden Bild ist die dritten Daten der zweiten Reihe aus zwei Zeilen genommen:
Attribut: colspan
Dieses Attribut enthält einen nicht negativen Wert, der die Anzahl der Spalten angibt, die sich die Zelle erweitert. Der Standardwert des Colspan beträgt 1. Mehr als 1000 Werte werden als Standard festgelegt, da sie als falsch angesehen werden.
Beispiel: So fügen Sie Colspan -Attribut zur Tabellenzeile hinzu? In der HTML -Datei die
Das Tag wird unter dem Tag hinzugefügt und mit dem Attribut colspan mit einem Wert von 3 versehen:
LinuxHint School
Aus dem folgenden Bild ist ersichtlich, dass der Tischkopf für drei Spalten Platz genommen hat:
So erstellen Sie vertikale Headertabelle?
In HTML drei hinzufügen
Stichworte. In jedem werden andere Tags platziert, wie z
, Dann
Stichworte. Auf diese Weise kann eine Tabelle mit vertikalen Überschriften erstellt werden:
Name
Tom
Andrew
Stadt
Vereinigte Staaten
China
Beruf
Lehrer
Arzt
Speichern Sie die HTML -Datei und öffnen Sie die Datei in einem Webbrowser:
Es kann beobachtet werden, dass der Header des Tisches vertikal platziert wird.
Abschluss
Um eine Tabelle für unsere Webanwendung zu erstellen, bietet HTML uns verschiedene Tags für Tabellen, Zeilen und Spalten als Spalten
,
, Und
, bzw. Dieser Blog hat also die HTML erklärt
Tag, sein Attribut und die Methode zum Erstellen einer einfachen und vertikalen Header -Tabelle.
