HTML-Tabellen bieten ein leistungsstarkes Tool zur Darstellung von Daten auf Ihrer Website. Aber sie zu beherrschen geht über das bloße Beherrschen von Zeilen und Spalten hinaus. Dieser Artikel dient als Ihr ultimativer Leitfaden um das Potenzial von HTML-Tabellen auszuschöpfen, über das Wesentliche hinausgehen .
Voraussetzungen: HTML-Einführung
Inhaltsverzeichnis
- Was sind HTML-Tabellen?
- HTML-Tabelle – Codebeispiel
- In HTML-Tabellen verwendete Tags
- Hinzufügen eines Rahmens zu einer HTML-Tabelle
- Hinzufügen von Zellauffüllungen in einer HTML-Tabelle
- Hinzufügen linksbündiger Überschriften in einer HTML-Tabelle
- Hinzufügen von Randabständen in einer HTML-Tabelle
- Hinzufügen von Zellen, die sich über viele Spalten in HTML-Tabellen erstrecken
- Hinzufügen einer Hintergrundfarbe zur Tabelle
- Erstellen verschachtelter Tabellen
Was sind HTML-Tabellen?
Eine HTML-Tabelle ist eine Anordnung von Daten in Reihen Und Säulen im tabellarischen Format. Tabellen sind für verschiedene Aufgaben nützlich, beispielsweise für die Darstellung von Textinformationen und numerischen Daten. Eine Tabelle ist ein nützliches Werkzeug, um schnell und einfach Verbindungen zwischen verschiedenen Datentypen zu finden. Tabellen werden auch zum Erstellen von Datenbanken verwendet.
Beispiel für einen HTML-Tabellencode
HTML
Vorname> Nachname> Ageth>tr> Priyatd> Sharmatd> 24td>tr> Aruntd> Singhtd> 32td>tr> Samtd> Watsontd> 41td> tr> table> body> html>> Ausgabe:
Einfache HTML-Tabelle
In HTML-Tabellen verwendete Tags
als End-Tag.Syntax
Content...>
Tabellenzeilen
Die Zeilen können mithilfe der Kombination von Tabellenzellen gebildet werden. Es wird mit bezeichnet
und Tag als Start- und End-Tags.
Syntax
Content...>
Tabellenüberschriften
Die Header werden im Allgemeinen zur Bereitstellung der Überschrift verwendet. Die Tabellenüberschriften können auch verwendet werden, um die Überschrift zur Tabelle hinzuzufügen. Dieses enthält die
Stichworte.Syntax
Content...>
Beispiel 1: Erstellen einer einfachen Tabelle in HTML mithilfe eines Tabellen-Tags.
HTML
Buchnameth> Name des Autors> Genreth> tr> Der Bücherdieb Markus Zusaktd> Historische Belletristik Der grausame Prinz Holly Blacktd> Fantasytd>tr> Der stille Patient Alex Michaelidestd> Psychological Fictiontd> tr> table> body> html>> Ausgabe:
HTML-Tabelle
Hinzufügen eines Rahmens zu einer HTML-Tabelle
Ein Rahmen wird mithilfe der CSS-Eigenschaft „border“ festgelegt. Wenn Sie keinen Rahmen für die Tabelle angeben, wird diese ohne Rahmen angezeigt.
Holen Sie sich das aktuelle Datum in Java
Syntax
table, th, td { border: 1px solid black; }> Beispiel : Hinzufügung des Rahmens zur HTML-Tabelle.
HTML
