HTML TR -Tag

Prof. Dr. Julien Plank
HTML TR -Tag
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, 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 …

    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 zum Übergang und Für Tabellendaten.

    Die Lernergebnisse dieses Artikels werden:

    • Was ist HTML
    Tag wird für die Tischüberschrift verwendet und Tag ist für Tabellendaten.

    Syntax

    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.

    Stilunterschrift Tag

    Untertitel
    Schriftgröße: 30px;
    Polsterung: 7px;
    Textdekoration: 2PX Underline #182747;

    Das in der HTML -Datei verwendete Bildunterschrift -Tag enthält die unten aufgeführten Eigenschaften:

    • “SchriftgrößeDie Eigenschaft legt die Größe der Schriftart fest.
    • “PolsterungDie Eigenschaft wird verwendet, um Platz um den Inhalt des Elements anzuwenden.
    • “TextdekorationDie Eigenschaft wendet Dekoration auf den Text an.

    Stil

    ,
    , Stichworte

    Tabelle, th, td
    Hintergrundfarbe: #D8D9CF;
    Grenze: 1PX Solid #5d6462;
    Schriftgröße: 25px;

    Der

    , 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:





    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

    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













    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 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

    2Wilhelm02-9-1995
    Das Tag wird unter dem Tag hinzugefügt und mit dem Attribut colspan mit einem Wert von 3 versehen:

    		LinuxHint School
    , Dann Stichworte. Auf diese Weise kann eine Tabelle mit vertikalen Überschriften erstellt werden:

    NameTomAndrew
    StadtVereinigte StaatenChina
    BerufLehrerArzt
    , , Und Tag, sein Attribut und die Methode zum Erstellen einer einfachen und vertikalen Header -Tabelle.

    Windows OS
    Was ist Windows Package Manager
    Windows Package Manager oder Winget ist ein leistungsstarkes Tool zum Installieren und Verwalten von...
    Prof. Dr. Julien Plank
    Python
    Seeborn Tsllot
    In Python die „Seeborn.Lineplot () ”Methode wird verwendet, um mehrere Zeilen in einem einzelnen Dia...
    Lars Daub
    Python
    Python Chmod
    Das “os.CHMOD () ”Die Funktion des Betriebssystemmodul....
    Lars Daub
    , bzw. Dieser Blog hat also die HTML erklärt