HTML HyperText Markup Language (HyperText Markup Language) ist eine Markupsprache, die zum Erstellen von Webseiten verwendet wird. Das Erstellen einer Tabelle ist eine der grundlegenden Fähigkeiten, die beim Erlernen von HTML wichtig sind. Tabellen ermöglichen es Ihnen, Informationen auf bequeme und strukturierte Weise zu organisieren.
In diesem einfachen Tutorial zeige ich Ihnen, wie Sie eine Tabelle mit einer Größe von 3 Zeilen pro 2 Spalten erstellen. Diese Tabellengröße ist ein einfaches Beispiel für Anfänger, das es leicht macht, die Grundlagen der Tabellenerstellung in HTML zu verstehen und zu beherrschen.
Verwenden Sie ein Tag, um eine Tabelle zu erstellen. Innerhalb eines Tags müssen Sie Tabellenzeilen mithilfe eines Tags und innerhalb jeder Zeile Spaltenzellen mithilfe eines Tags einfügen.
Hier ist ein einfaches Codebeispiel, das eine Tabelle mit einer Größe von 3 Zeilen pro 2 Spalten erstellt:
| Zeile 1, Spalte 1 | Zeile 1, Spalte 2 |
| Zeile 2, Spalte 1 | Zeile 2, Spalte 2 |
| Zeile 3, Spalte 1 | Zeile 3, Spalte 2 |
In diesem Beispiel werden Tabellenzeilen und Spaltenzellen mit den entsprechenden Tags erstellt. Beachten Sie, dass jede Zeile in der Tabelle durch ein separates Tag und jede Zelle in der Spalte durch ein Tag dargestellt wird .
Auf diese Weise können Sie nach den einfachen Schritten in diesem Handbuch eine Tabelle mit einer Größe von 3 Zeilen pro 2 Spalten in HTML erstellen. Denken Sie daran, dass dies nur ein grundlegendes Beispiel ist, aber es wird Ihnen helfen, die Prinzipien des Erstellens von Tabellen in HTML zu verstehen und sie in Ihrem Projekt anzuwenden.
Schritt 1: Öffnen eines HTML-Dokuments
Als nächstes müssen Sie das Tag öffnen, um anzugeben, dass sich der gesamte Inhalt innerhalb dieses Tags befindet. Innerhalb des Tags befinden sich alle Seitenelemente.
Nach dem Öffnen des Tags ist der nächste Schritt , das Tag zu öffnen . In diesem Tag werden die Metadaten des Dokuments wie der Seitentitel, CSS-Stile und andere Informationselemente angegeben.
Als nächstes müssen Sie das Tag öffnen. In diesem Tag befindet sich der Inhalt der Seite, einschließlich einer Tabelle mit einer Größe von 3 Zeilen und 2 Spalten.
Hier ist ein Beispielcode zum Öffnen eines HTML-Dokuments:
Моя таблица Stellen Sie sicher, dass Sie jedes Tag korrekt öffnen und schließen, um Fehler im HTML-Markup zu vermeiden. Nachdem Sie diesen Schritt abgeschlossen haben, können Sie mit der Erstellung der Tabelle beginnen.
Schritt 2: Erstellen einer Tabelle
Hier ist der Code, den Sie Ihrem HTML-Dokument hinzufügen müssen:
Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 5 Ячейка 6
Jetzt haben Sie eine Tabelle, die 3 Zeilen mal 2 Spalten groß ist! Sie können die Änderungen speichern und das Ergebnis in Ihrem Browser anzeigen.
Schritt 3: Bestimmen der Tabellengröße
Verwenden Sie die rows- und cols-Attribute, um die Größe einer Tabelle zu bestimmen. Wenn Sie beispielsweise eine Tabelle mit 3 Zeilen und 2 Spalten erstellen möchten, geben Sie rows="3" und cols="2" an. So sieht der Code aus:
Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 5 Ячейка 6
Schritt 4: Zeilen und Spalten hinzufügen
Ячейка 1 Ячейка 2 Заголовок 1 Заголовок 2 Sie können so viele Zeilen und Spalten hinzufügen, wie Sie benötigen, indem Sie diese Schritte einfach wiederholen. Vergessen Sie nicht, alle geöffneten Tags zu schließen, um Markup-Fehler zu vermeiden.
Hier ist ein Beispiel für eine Tabelle mit 3 Zeilen und 2 Spalten:
Заголовок 1 Заголовок 2 Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 5 Ячейка 6
Jetzt können Sie eine Tabelle mit einer Größe von 3 Zeilen pro 2 Spalten mit HTML erstellen!
Schritt 5: Füllen Sie die Tabelle mit Daten aus
In unserem Fall haben wir eine Tabelle mit einer Größe von 3 Zeilen pro 2 Spalten. Füllen wir es mit Daten aus:
| Ячейка 1 | Ячейка 2 |
| Ячейка 3 | Ячейка 4 |
| Ячейка 5 | Ячейка 6 |
In diesem Beispiel haben wir eine Tabelle mit drei Zeilen und zwei Spalten erstellt. In jeder Zelle der Tabelle haben wir den Text platziert. Sie können diesen Text durch Ihre Daten ersetzen oder Tabellenmarkierungen verwenden, um andere Informationen anzuzeigen.
Schritt 6: Die Tabelle stylen
Nachdem Sie eine Tabelle mit HTML erstellt haben, können Sie mit dem Styling ihres Aussehens beginnen. In HTML gibt es mehrere Möglichkeiten, einer Tabelle Stile hinzuzufügen.
Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 5 Ячейка 6
Als Ergebnis sehen Sie eine Tabelle mit Rändern und Einrückungen zwischen den Zellen.
Die zweite Möglichkeit besteht darin, CSS-Stile zu verwenden. Sie können eine separate CSS-Datei erstellen und der Tabelle eine Klasse oder ID hinzufügen, um ihre Stile zu definieren. Zum Beispiel:
.my-table Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 5 Ячейка 6
CSS-Stile fügen der Tabelle einen Rahmen und einen Einzug hinzu, aber die Stile werden diesmal extern und nicht im HTML-Code definiert.
Wählen Sie die Stylingmethode, die für Sie am bequemsten ist und Ihren Bedürfnissen entspricht. Viel Glück beim Erstellen Ihres Tisches!
Schritt 7: Schließen der Tabelle
Nach dem tabellenschließenden Tag können Sie weiterhin weitere Elemente Ihrer Webseite hinzufügen.
Ihr HTML-Code sollte folgendermaßen aussehen:
| Заголовок 1 | Заголовок 2 |
|---|---|
| Ячейка 1 | Ячейка 2 |
| Ячейка 3 | Ячейка 4 |
Denken Sie daran, dass Sie immer alle geöffneten Tags schließen müssen, damit die Webseite korrekt angezeigt wird.
