Eine HTML-Tabelle enthält Informationen zu einer Website.
Das Hinzufügen von Spalten zu Ihrer Website ist beim Organisieren von Inhalten hilfreich. Tatsächlich gibt es keine Begrenzung für die Anzahl der Spalten, die Ihre Webseite enthalten kann. Das Codieren von Spalten erfordert jedoch die Kenntnis eines anderen HTML-Tags: der Tabelle. Die Kombination dieser beiden Tags bietet endlose Möglichkeiten für eine saubere, gut aussehende Website.
Schritt 1
Starten Sie Ihren HTML-Editor. Wählen Sie in der Navigationsleiste des Programms "Datei" und "Neu". Auf Ihrem Bildschirm wird ein leeres Dokument angezeigt.
Video des Tages
Schritt 2
Erstellen Sie eine Tabelle. Tabellen werden mit dem. definiert
Schild. Jede Tabelle kann in Zeilen und jede Zeile in Datenzellen unterteilt werden. Die Datenzellen definieren Ihre Spalten. Eine zweispaltige Tabelle ist ähnlich codiert:Spalte 1 | Spalte 2 |
Schritt 3
Passen Sie die Rahmeneigenschaften der Tabelle an. Wenn Ihre Spalten einen Rahmen haben sollen, fügen Sie das Tag border="1" in das Tabellen-Tag ein. Ändern Sie die Rahmenfarbe mit einem HEX-Farbcode mit dem Tag bordercolor="#000000". #000000 ist schwarz. Der Rahmen muss mindestens mit "1" definiert sein, damit eine Rahmenfarbe angezeigt wird.
Beispiel:
Spalte 1 | Spalte 2 |
Schritt 4
Fügen Sie Zellauffüllung oder Zellabstand hinzu. Cellpadding ist der Leerraum zwischen dem Rahmen und dem Zelleninhalt. Der Zellenabstand ist der Abstand zwischen den Zellen. Diese Tags werden innerhalb des Tabellen-Tags angewendet. Es ist nicht erforderlich, Cellpadding oder Cellspacing aktiv zu haben.
Beispiel:
Spalte 1 | Spalte 2 |
Schritt 5
Fügen Sie Inhalt zu Ihren Spalten hinzu. Text, Bilder, Formulare und mehr können in die Tabellendaten-Tags eingefügt werden.
Schritt 6
Speichern Sie Ihr HTML-Dokument. Zeigen Sie es in Ihrem Internetbrowser an, bevor Sie es auf Ihren Webserver hochladen.