Wenn Sie strukturierte und organisierte Inhalte auf Ihrer Website erstellen möchten, sind Tabellen eines der nützlichsten Tools, die HTML bietet. Mit Tabellen können Sie die Daten in Zellen und Spalten anordnen, sodass Sie die Informationen leicht lesen und verstehen können.
Einfache Schritte zum Erstellen einer Tabelle im HTML-Code
Das Erstellen einer Tabelle in HTML-Code mag für einen Anfänger wie eine schwierige Aufgabe erscheinen, aber es ist eigentlich ziemlich einfach. Nach ein paar einfachen Schritten können Sie eine Tabellenstruktur erstellen und mit Daten füllen.
Schritt 4: Füllen Sie jede Zelle mit Daten aus, indem Sie Text oder andere HTML-Elemente verwenden.
| Zelle 1 | Zelle 2 |
| Zelle 3 | Zelle 4 |
Beispielcode für eine Tabelle:
| Ячейка 1 | Ячейка 2 |
| Ячейка 3 | Ячейка 4 |
Im folgenden Beispiel wird eine Tabelle mit zwei Zeilen und zwei Spalten erstellt.
Erstellen von Zeilen und Spalten mit Tags undBetrachten Sie ein Beispiel für die Erstellung einer einfachen Tabelle mit zwei Zeilen und drei Spalten:
Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 5 Ячейка 6
Es ist wichtig zu beachten, dass die Anzahl der Zellen in jeder Zeile gleich sein muss. Wenn in einer Zeile weniger oder mehr Zellen vorhanden sind als in anderen Zeilen, wird die Tabelle möglicherweise nicht korrekt angezeigt. Daher müssen Sie sicherstellen, dass die Anzahl der Zellen in jeder Zeile den angegebenen Anforderungen entspricht.
Einfügen von Daten in Tabellenzellen
| Заголовок 1 | Заголовок 2 |
|---|---|
| Данные 1 | Данные 2 |
| Данные 3 | Данные 4 |
So gestalten Sie eine Tabelle mit Attributen
Requisit border, cellpadding und cellspacing damit können Sie die Breite der Zellengrenzen, die Einrückung innerhalb der Zellen und den Abstand zwischen den Zellen entsprechend definieren. Zum Beispiel:
Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4
Attribut align ermöglicht das horizontale Ausrichten des Tabelleninhalts. Mögliche Werte: left, center, right. Zum Beispiel:
Центрированная ячейка 1 Центрированная ячейка 2 Центрированная ячейка 3 Центрированная ячейка 4
Attribut bgcolor legt die Hintergrundfarbe der Tabelle oder einzelner Zellen fest. Verwenden Sie die hexadezimale Darstellung oder den englischen Farbnamen, um eine Farbe anzugeben. Zum Beispiel:
Ячейка с серым фоном Ячейка с синим фоном
Das Erstellen einer Tabelle mithilfe von Attributen ermöglicht eine schnelle und einfache Anpassung der Anzeigeoptionen für eine Tabelle, wird jedoch nicht empfohlen, sie dauerhaft zu verwenden, da CSS-Stile in der modernen Webentwicklung eine flexiblere und effizientere Methode zur Gestaltung von Elementen darstellen.
