HTML -Tabellen

Tabellen sind eine gute Quelle für die Formatierung Ihrer Daten, um sie präsentierbar/verständlich zu machen. Mit dem HTML können Sie Tabellen für eine Webseite über HTML -Elemente erstellen. Die HTML -Tabellen verbessern die Ästhetik der Webseite und ermöglichen es Ihnen, Ihre Daten zu organisieren. Wir haben diesen Leitfaden zusammengestellt, um Ihnen über HTML -Tabellen, wie sie funktionieren und wie sie erstellt werden können. Beginnen wir hier:

Wie Tische erstellt werden

Die HTML unterstützt eine lange Liste von Elementen, die bei der Ausführung verschiedener Aufgaben helfen. Die grundlegenden Bausteine ​​von HTML -Tischen sind , , Und . Die Funktionalität von HTML -Tabellen kann jedoch durch Verwendung von Elementen wie z. B. erweitert werden , , , , und viele mehr. Alle diese Elemente werden hier nacheinander erläutert.

• : als Tabellenhader bezeichnet und kann dort verwendet werden, wo Sie ein Header-Element haben möchten
• : als Tabellendaten bekannt und nimmt eine Zelle in einer Tabelle ein
• : Eine vollständige Zeile wird mit diesem Element definiert
• : Definiert die Überschrift der Tabelle
• : Die Spalten können gruppiert werden, um eine spezifische Formatierung anzuwenden
• : Die Eigenschaft einer Spalte wird unter Verwendung dieses Elements angegeben
• : Wird verwendet, um die Headerzellen zu gruppieren
• : Machen Sie eine Gruppe von Zellen, um die Fußzeile zu definieren
• : Es umfasst verschiedene Spalten/Zeilen. Es wird nach Element und vor Element verwendet.

So erstellen Sie HTML -Tabellen

Die im obigen Abschnitt beschriebenen Tags sind die wichtigsten Stakeholder bei der Erstellung von HTML -Tabellen. Dieser Abschnitt übt diese Tags in verschiedenen Szenarien aus, um HTML -Tabellen zu definieren:

Beispiel 1: Der unten geschriebene Code verwendet von , , Und Tags zum Definieren einer HTML -Tabelle.

Name	Bezeichnung	Erfahrung
Sam	Manager	1 Jahr
Kane	Autor	6 Monate

Im obigen Code,

• A Tag ist definiert
  Ein Tabellenreihe-Tag
  wird verwendet, um die Kopfzellen zu definieren
  das andere
  Tags werden zum Einfügen von Daten verwendet

  Element Zusätzlich haben wir ein Grundstück im Grenzstil angewendet , Tag und jede Zeile enthält vier Zellen. Ausgang: Die obige Ausgabe zeigt, dass der „Col -Stil“ auf alle Spalten angewendet wird, während die „Col Span“ auf 3. und 4. Säulen praktiziert wird. Beispiel 3: Hier haben wir die Tags geübt , , und neben den wesentlichen Tags i.e., . , Und im Stil Tag. Ausgang: Beispiel 2: Im Gegensatz zum obigen Beispiel haben wir einige zusätzliche Tags wie, und verwendet, und . LinuxHint Name Bezeichnung Alter Erfahrung Sam Manager 20y 2 Monate Kane Autor 30y 1 Jahr Der obige Code wird als beschrieben als, Das Element wird verwendet, um Attribute wie Spannweite und Stil zu üben. Die Spanne verbindet die Anzahl der vom Benutzer angegebenen Spalten (wie in unserem Fall 2). Die Hintergrundfarbe der ersten und zweiten Spalte ist „beige“ und „loitleAgreen“, während die 3. und 4. Säulen "LightGreen" -Gen Hintergrund haben würden Das Element definiert den Bildunterschriftstext der Tabelle und ist auf hier eingestellt Zwei Zeilen werden mit Verwendung deklariert , Und LinuxHint Sr. NEIN Name Bezeichnung 1 Sam Manager 2 Kane Autor ENDE Der Code wird als beschrieben als, Der Grenzstil von	,	, Und ist auf solide eingestellt Das Tag wird verwendet, um die erste Reihe als Kopf einzuschließen Danach werden die Tabellendaten in platziert Schild Zuletzt definieren das IS den Fußzeilenabschnitt der Tabelle Die Tabellenunterschrift wird mit dem Tag bereitgestellt Ausgang: Die Überschrift der Tabelle befindet sich am oberen Ende der Tabelle von , , und wird im Ausgang gezeigt. Aus den oben genannten Beispielen hätten Sie gelernt, eine HTML-Tabelle zu erstellen. Abschluss HTML -Tabellen befähigen, die Daten auf präsentierbare Weise zu organisieren. Um mit HTML -Tabellen zu arbeiten, müssen Sie die Funktionalität verschiedener HTML -Tags lernen. Wir haben diesen Leitfaden zusammengestellt, um die grundlegenden Informationen zu HTML -Tabellen bereitzustellen, und die Liste der Tags bereitgestellt, die beim Erstellen von HTML -Tabellen helfen. « HTML Semantische Elemente Textdekoration Eigenschaft in CSS » Php So überprüfen Sie, ob ein Array in PHP leer ist? Das Finden eines leeren Arrays in PHP ist entscheidend, um eine reibungslose und fehlerfreie Ausführ... Fr. Chris Frisch C ++ So verwenden Sie den Subtraktionszuweisungsoperator in C ++ In C ++ Das -= ist ein Subtraktionszuweisungsoperator, subtrahiert er zwei gegenüberliegende Seitenw... Gian Eisenlauer Php So verwenden Sie Strlen -Funktion in PHP Die Funktion strlen () in PHP ist eine integrierte Funktion, mit der die Länge einer Zeichenfolge be... Mohamed Flore Python Pandas Group von Quantile Frederik Rodehau Oracle Linux So installieren und verwenden Sie das Oracle VirtualBox -Erweiterungspaket? Ansgar Radtke Python Python Math Exp Christopher Lammert R So erstellen Sie einen leeren Datenrahmen r Mohamed Flore html So verwenden Sie die MouseEvent -Seiteneigenschaft? Gian Eisenlauer AWS Was ist der Unterschied zwischen AWS -Batch und Lambda? Lars Daub Php So verwenden Sie die PHP -STRCMP -Funktion Stephan Harms Java Was ist Import Java.io.*; in Java? Ansgar Radtke Docker Welche Docker -Registrierung wird als Standard festgelegt?? Arved Riermeier Git Wie funktioniert Git?? Stephan Harms