THead-Tag in HTML

Der Element oder Tag wird zusammen mit

verwendet. Tag und -Tag, das jeweils den Tabellenkopf, den Tabellenfuß und den Tabellenkörper definiert. Der Elemente definieren den Header einer HTML-Tabelle. Um eine Zeile oder einen Satz von Zeilen zu definieren, die die Spaltenköpfe einer Tabelle erstellen, verwenden wir den Befehl Element. Mit anderen Worten: Dieses Element gruppiert den Header-Inhalt in einer HTML-Tabelle. Es umschließt eine oder mehrere ganze Zeilen und klassifiziert sie als Tabellenkopf. In diesem Thema lernen wir das THead-Tag in HTML kennen.

Ein Tabellenkopf besteht aus einer oder mehreren Zeilen, die Informationen zu den Spalten oder Tabellenkörperdaten enthalten.

So verwenden Sie Element in HTML?

Der Das Element gibt den Header-Teil der HTML-Tabelle an. Dieses sichert somit eine Position als unmittelbares untergeordnetes Element eines Tabellenelements

. Vor der Verwendung von , oder Element. Der Das Element kann nach jedem -Element stehen. Element, falls vorhanden, und Das Element enthält mindestens eine Datenzeile, die in eingeschlossen ist. Element.

Syntax

<thead>
<tr>
</tr>
</thead>

Natürlich, wie oben gezeigt, ist

genau wie jedes andere HTML-Element; Element funktioniert auch paarweise, öffnendes Tag, hat einen Partner, ein schließendes Tag, .

Beispiele für THead-Tags in HTML

Betrachten Sie das folgende Beispiel:

Beispiel #1

Code:

<title>HTML thead Tag</title>

Elemente verwenden Sie die Funktion

This is the header section of the table
This is the footer section of the table
Data 1	Data 2	Data 3	Data 4
...more rows of data here...
...
...more rows of data here...
Data 1	Data 2	Data 3	Data 4

Ausgabe:

Beachten Sie, dass, wenn zwei Zeilen für die Kopfzeile Ihrer Tabelle benötigt werden, beide

Elementdaten können zu einem einzelnen hinzugefügt werden. Element. Versuchen Sie, nicht zwei Elementabschnitte für eine Tabelle. Sehen Sie sich unten ein solches Beispiel an, mit zwei Zeilen unter dem Kopfabschnitt:

Beispiel #2

Code:

Header 1 Row 1		Header 2 Row 1
Header 1 Row 2	Header 2 Row 2	Header 3 Row 2	Header 4 Row 2
Data 1	Data 2	Data 3	Data 4

Ausgabe:

Beispiel #3

Code:

Header 1 Row 1		Header 2 Row 1
Header 1 Row 2	Header 2 Row 2	Header 3 Row 2	Header 4 Row 2
Data 1	Data 2	Data 3	Data 4

Ausgabe:

Beachten Sie, dass beide oben genannten Codes zwar dieselbe Ausgabe erzeugen und separate Elemente für zwei Header werden von einigen Browsern verarbeitet. Es handelt sich jedoch immer noch um einen semantischen Fehler, der bei der ordnungsgemäßen Programmierung nicht verwendet werden sollte und außerdem von HTML-Validierungsdiensten als Warnsignal angezeigt wird.

Beispiel #4

Sehen wir uns unten ein weiteres Beispiel an. Im folgenden Beispiel haben wir eine Tabelle mit einem Tabellenkörper erstellt, der aus vier Datenzeilen besteht. Ein Header besteht aus einer Zeile mit Datensätzen, die mithilfe von CSS auf eine Hintergrundfarbe festgelegt werden. Der ,

oder haben keinen Einfluss auf das Standard-Erscheinungsbild einer HTML-Tabelle; daher würde ein wenig Hilfe mit CSS ausreichen.

Code:

Time Table

Mon	Tue	Wed	Thu	Fri
Science	Maths	Hindi	Hindi	English
English	Hindi	Maths	Social	Science
Lunch
Science	English	Maths	Hindi	Social

Ausgabe: 

Attribute des THead-Tags in HTML

Der Das HTML-Element unterstützt einige der folgenden zusätzlichen Attribute.

• align: Dieses Attribut richtet den Inhalt eines Element und alles darin. Als Wert werden „Left“, „Right“, „Center“, „Justify“ und „Char“ verwendet.
• char: Dieses Attribut gibt die Ausrichtung an an. Elementinhalt, wenn das align-Attribut auf char. gesetzt ist
• valign: Gibt die vertikale Ausrichtung des Inhalts innerhalb des an. Element. Als Werte werden „oben“, „mitte“, „unten“ oder „Grundlinie“ verwendet.
• charoff: Dieses Attribut gibt einen Offset gegenüber dem ersten^sten Zeichen an, wie mit einem char-Attribut angegeben; das heißt, when to align ist auf char.
eingestellt
• bgcolor:Es hilft dabei, die Hintergrundfarbe jeder Zelle innerhalb von festzulegen. Element.

  Fazit

  Wir haben gesehen, wie ein Das Element identifiziert Spaltenbeschriftungen und keine Tabellendaten, speichert die Informationen über die Kopfzeilen und leitet sie an die Browser weiter, um die Technologie beim Inhalt und seiner Bedeutung zu unterstützen.

Das obige ist der detaillierte Inhalt vonTHead-Tag in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!