HTML -Tabellen
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
: 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. HTML -Tabellen 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
,
, Und im Stil Tag. Ausgang:
Beispiel 2: Im Gegensatz zum obigen Beispiel haben wir einige zusätzliche Tags wie, und verwendet, und .
HTML -Tabellen 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
Tag und jede Zeile enthält vier Zellen. , , und neben den wesentlichen Tags i.e.,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 . HTML -Tabellen 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.
- Der Grenzstil von
- Ein Tabellenreihe-Tag