![\"THead-Tag](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543862914758.png\")
<\/p>\n
THead-Tag in HTML
Sep 04, 2024 pm 04:30 PM
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 Elemente verwenden Sie die Funktion Element. Der Das Element kann nach jedem -Element stehen. Element, falls vorhanden, und Element. Der 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:
<html>
<head>
<title>HTML thead Tag</title>
</head>
<table style = "width:100%" border = "1">
<thead>
<tr>
<td colspan = "4" align="center">This is the <b>header</b> section of the table</td>
</tr>
</thead>
<tfoot>
<tr>
<td colspan = "4" align="center">This is the <b>footer</b> section of the table</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
<td>Data 4</td>
</tr>
<tr>
<td colspan="4">...more rows of data here...</td>
</tr>
<tbody>
<tbody>
<tr>
<td colspan="4">...</td>
</tr>
<tr>
<td colspan="4">...more rows of data here...</td>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
<td>Data 4</td>
</tr>
</tbody>
</table>
<html>
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:
<table style = "width:100%" border = "1">
<thead>
<tr>
<th colspan="2">Header 1 Row 1</th>
<th colspan="2">Header 2 Row 1</th>
</tr>
</thead>
<thead>
<tr>
<th>Header 1 Row 2</th>
<th>Header 2 Row 2</th>
<th>Header 3 Row 2</th>
<th>Header 4 Row 2</th>
</tr>
</thead>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
<td>Data 4</td>
</tr>
</table>
Ausgabe:
Beispiel #3
Code:
<table? style = "width:100%" border = "1">
<thead>
<tr>
<th colspan="2">Header 1 Row 1</th>
<th colspan="2">Header 2 Row 1</th>
</tr>
<tr>
<th>Header 1 Row 2</th>
<th>Header 2 Row 2</th>
<th>Header 3 Row 2</th>
<th>Header 4 Row 2</th>
</tr>
</thead>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
<td>Data 4</td>
</tr>
</table>
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:
<body>
<table border="3">
<caption>Time Table</caption>
<thead>
<tr>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
</tr>
</thead>
<tbody>
<tr>
<td>Science</td>
<td>Maths</td>
<td>Hindi</td>
<td>Hindi</td>
<td>English</td>
</tr>
<tr>
<td>English</td>
<td>Hindi</td>
<td>Maths</td>
<td>Social</td>
<td>Science</td>
</tr>
<tr>
<td colspan="10" align="center">Lunch</td>
</tr>
<tr>
<td>Science</td>
<td>English</td>
<td>Maths</td>
<td>Hindi</td>
<td>Social</td>
</tr>
</tbody>
</table>
</body>
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 erstensten 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!
Erkl?rung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Hei?e KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!
Hei?er Artikel
Gras Wonder Build Guide | Uma Musume hübsches Derby
1 Monate vor
By Jack chen
<??>: 99 N?chte im Wald - alle Abzeichen und wie man sie freischalt
4 Wochen vor
By DDD
Uma Musume Pretty Derby Banner Zeitplan (Juli 2025)
1 Monate vor
By Jack chen
Rimworld Odyssey -Temperaturführer für Schiffe und Gravtech
3 Wochen vor
By Jack chen
Windows Security ist leer oder keine Optionen angezeigt
1 Monate vor
By 下次還敢
Hei?e Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Warum wird mein Bild nicht in HTML angezeigt?
Jul 28, 2025 am 02:08 AM
Das nicht angezeigte Bild wird normalerweise durch einen falschen Dateipfad, einen falschen Dateinamen oder eine falsche Erweiterung, HTML -Syntaxprobleme oder einen Browser -Cache verursacht. 1. Stellen Sie sicher, dass der SRC -Pfad mit dem tats?chlichen Speicherort der Datei übereinstimmt, und verwenden Sie den richtigen relativen Pfad. 2. überprüfen Sie, ob der Fall und die Erweiterung des Dateinamens genau übereinstimmen, und überprüfen Sie, ob das Bild durch direktes Eingeben der URL geladen werden kann. 3. überprüfen Sie, ob die IMG -Tag -Syntax korrekt ist. Stellen Sie sicher, dass es keine redundanten Zeichen gibt und der Alt -Attributwert angemessen ist. 4. Versuchen Sie, die Seite zu aktualisieren, den Cache zu l?schen oder den Inkognito -Modus zu verwenden, um Cache -Interferenzen zu beseitigen. Fehlerbehebung in dieser Reihenfolge kann die meisten Probleme mit HTML -Bildanzeigen l?sen.
K?nnen Sie ein -Tag in ein anderes -Tag einfügen?
Jul 27, 2025 am 04:15 AM
?youcannotnestTagsinsideanotagbecauses's'sinvalidhtml; browsersauutomatisch -closethefirstbeerextenext, resultierendinseparateparagraphs.?instead, useInLineElements, oder
Wie erstelle ich eine ungeordnete Liste in HTML?
Jul 30, 2025 am 04:50 AM
Um eine nicht ordnungsgem??e HTML -Liste zu erstellen, müssen Sie ein Tag verwenden, um einen Listencontainer zu definieren. Jedes Listenelement ist mit einem Tag verpackt, und der Browser fügt automatisch Kugeln hinzu. 1. Erstellen Sie eine Liste mit einem Tag; 2. Jedes Listenelement ist mit einem Tag definiert. 3. Der Browser generiert automatisch Standard -Punkt -Symbole. 4. Unterverschiedene k?nnen durch Verschachtelung implementiert werden. 5. Verwenden Sie das Attribut vom Typ Listenstil von CSS, um den Symbolstil wie Scheibe, Kreis, Quadrat oder keine zu ?ndern. Verwenden Sie diese Tags korrekt, um eine nicht ordnungsgem??e Standardliste zu generieren.
Wie benutze ich das inhaltliche Attribut?
Jul 28, 2025 am 02:24 AM
TheContententitableAttributemakesAnyhtmlelementedableByAddingCentabled = "true", und das Erlaubnis für die Erlaubnis, dass es, dass in der Lage ist
Die Bedeutung der semantischen HTML für SEO und Barrierefreiheit
Jul 30, 2025 am 05:05 AM
SemantichtmlimprovesbothseoandAccessibilityByuseing -meaningfulTagSthatConveyContentStructure.1) iTenhancesseothroughbetterContentHierarchyWithProperHeadinglevels, verbesserteIndexingviaelementSlikaND und -SupportforrichsnippetsususingStrostStrostStrostStrostStrostStrostStrostaustaustaustrota.2)
Definieren von benutzerdefinierten Vokabeln mit HTML5 Schema.org Markup.
Jul 31, 2025 am 10:50 AM
Das Schema.org -Tag hilft Suchmaschinen, das strukturierte Datenformat von Webseiteninhalten über semantische Tags (z. B. Elementumfang, Elementtyp, ElementProp) zu verstehen. Es kann verwendet werden, um benutzerdefiniertes Vokabular zu definieren. Zu den Methoden geh?ren die Erweiterung vorhandener Typen oder die Einführung neuer Typen mithilfe von zus?tzlichem Typ. In den tats?chlichen Anwendungen sind die Struktur klar, priorisieren Sie die Verwendung offizieller Attribute, die Gültigkeit des Codes und stellen sicher, dass benutzerdefinierte Typen zug?nglich sind. Zu den Vorsichtsma?nahmen geh?ren das Akzeptieren der teilweisen Unterstützung, die Vermeidung von Rechtschreibfehlern und die Auswahl eines geeigneten Formats wie JSON-LD.
So erstellen Sie ein Sucheingangsfeld in einem HTML -Formular
Aug 02, 2025 pm 04:44 PM
UsTheelementWitHinatagTocreateEmanticSearchfield.2.IncludeaForAccessibility, settheform'Saction undMethod = "AttributestosendDatoAsearchendPointWithasharableUrl.
Was ist der Zweck des REL -Attributs in einem Link -Tag in HTML?
Aug 03, 2025 pm 04:50 PM
rel = "styleSheet" linkScssFilesforstylingThePage; 2.rel = "vorlad" HintStopreloadcriticalResourcesForperformance; 3.rel = "icon" setStheWebsit'sfavicon;
See all articles
| Elemente verwenden Sie die Funktion Element. Der Das Element kann nach jedem 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, .
Betrachten Sie das folgende Beispiel: Code: Ausgabe: Beachten Sie, dass, wenn zwei Zeilen für die Kopfzeile Ihrer Tabelle ben?tigt werden, beide Code: Ausgabe: Code: 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.
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 , |
