So erstellen Sie 3 Spalten in HTML für eine Webseite

Die Verwendung von IVD

Schritt 1

Starten Sie einen Texteditor wie Editor, WordPad oder EditPad. Wählen Sie "Datei" und "Neu" aus dem Menü, um ein neues Dokument zu erstellen.

Schritt 2

Kopieren Sie den folgenden HTML-Code in Ihre Seite, um der Seite drei Spalten hinzuzufügen. Verwenden Sie dazu die Tastenkombinationen "Strg" und "C", und fügen Sie sie dann mit "Strg" und "V" ein:

Inhalt der ersten Spalte Inhalt der zweiten Spalte Inhalt der dritten Spalte

Schritt 3

Ersetzen Sie "width" durch ".column1", ".column2" und ".column3" durch die Breite, die Sie festlegen möchten. Ersetzen Sie den Wert "Hintergrundfarbe" für jede Spalte durch die Hintergrundfarbe, die Sie anwenden möchten. Entfernen Sie zum Erstellen bodenloser Spalten die Zeile, die "Hintergrundfarbe" enthält, z. B .:

Hintergrundfarbe: rot;

Verwendung von Tabellen

Schritt 1

Wählen Sie "Datei" und "Neu" aus dem Menü Ihres bevorzugten Texteditors.

Schritt 2

Kopieren Sie den folgenden HTML-Code und fügen Sie ihn in Ihre Seite ein, um drei Spalten einzufügen:

Inhalt der ersten SpalteInhalt der zweiten SpalteInhalt der dritten Spalte

Schritt 3

Ersetzen Sie die Breite durch die Spaltengröße, die Sie festlegen möchten. Ersetzen Sie den Wert von "Hintergrundfarbe" durch den gewünschten Hintergrund. Entfernen Sie Ihren Code wie folgt, um die Hintergrundfarbe zu entfernen:

Hintergrundfarbe: gelb;

Interessante Artikel