So fügen Sie HTML -Tabellenheader ein?

So fügen Sie HTML -Tabellenheader ein?

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
    NameDer Name des VatersKurs
    JohnHolzGrundlagen von Java
    WilhelmJamesEinführung in c++
    BenSchmiedMenschliche Computersysteme

    Das folgende Bild zeigt eine Tabelle, die erfolgreich erstellt wurde:

    Wenden wir mit CSS Stile auf die oben erstellte Tabelle an.

    Styles Tabelle, TH, TD -Elemente

    Tabelle, th, td
    Schriftgröße: 24px;
    Grenze: 4px Solid #379237;
    Rand: Auto;
    Polsterung: 4px;
    Breite: 60%;
    Schriftgröße: 25px;
    Hintergrundfarbe: #38e54d;

    Der

    ,
    , Und 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
    NameJohnWilhelmBen
    Der Name des VatersSchmiedHolzJames
    KursGrundlagen von JavaEinfü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 Tag mit einem Beispiel.