So erstellen Sie eine Tabelle in HTML

Autor: Mark Sanchez
Erstelldatum: 28 Januar 2021
Aktualisierungsdatum: 1 Juli 2024
Anonim
HTML 5 Tutorial #5 - Tabellen
Video: HTML 5 Tutorial #5 - Tabellen

Inhalt

Es ist ziemlich schwierig, eine Tabelle in HTML zu erstellen. Mit den in diesem Artikel beschriebenen Schritten sollten Sie jedoch in der Lage sein, eine für Ihre Website zu erstellen.

Schritte

  1. 1 Öffnen Sie ein einfaches Textverarbeitungsprogramm wie Notepad oder WordPad unter Windows oder auf einem Mac TextEdit.
  2. 2 Geben Sie den gesamten Text ein, der vor der Tabelle angezeigt werden soll.
  3. 3 Definieren Sie die Verwendung einer Tabelle für ein HTML-Dokument, indem Sie das Tag table> eingeben.

  4. 4 Drücke Enter.

  5. 5 Geben Sie das Tag zum Öffnen der Zeilentabelle mit dem Tag tr> ein.
  6. 6Denken Sie daran, alle verbleibenden Elemente von links nach rechts zu bauen.
  7. 7 Drücke Enter.
  8. 8 Geben Sie mit dem Tag th> ein Start-Tag für die Tabellenüberschrift ein.
  9. 9 Geben Sie den Titel ein, den Sie für die erste Spalte verwenden möchten.
  10. 10 Geben Sie mit dem Tag / th> ein schließendes Tag für das Tabellenkopfelement ein.
  11. 11 Drücke Enter.
  12. 12 Schritte wiederholen (Elemente in Spalten anordnen von links nach rechts).
  13. 13 Schließen Sie diese Zeile, indem Sie das Tag / tr> eingeben.
  14. 14 Drücke Enter.
  15. 15 Beginnen Sie eine weitere Zeile mit einem anderen tr>-Tag.
  16. 16 Drücke Enter.
  17. 17 Geben Sie das Tabellendaten-Tag mit dem td>-Tag ein.
  18. 18 Geben Sie die Tabellendaten ein, die Sie in jedes Feld aufnehmen möchten.
  19. 19Arbeiten Sie von links nach rechts und tragen Sie die Daten aus den oben gezeigten Spalten ein.
  20. 20 Schließen Sie jeden Eingang mit dem /td>-Tag.
  21. 21 Wiederholen Sie dies für alle Tabellendaten, die Sie haben.
    • Geben Sie für Zellen, in denen Sie nichts eingeben müssen, td> und td> und nichts dazwischen ein. Dies ist sehr nützlich für Felder zwischen zwei anderen Feldern.
  22. 22 Schließen Sie jede Zeile mit einem anderen /tr>-Tag.
  23. 23 Wiederholen Sie jede Zeile nach unten zusätzlich zu den Zeilen tr> und /td>, bis jede Zeile zusammengesetzt ist.
  24. 24 Schließen Sie die Tabelle mit dem Tag /table>.
  25. 25 Geben Sie den folgenden HTML-Text ein, den Sie für den Rest des Dokuments benötigen.

Tipps

  • Ziehen Sie jede Zeile ein, damit Sie verstehen, was Sie in Ihrem Code tun möchten.

Warnungen

  • Wenn Sie versehentlich zu viele Datenspalten ohne Tabellenüberschrift eingeben, werden diese trotzdem angezeigt, aber sie sehen etwas albern aus und der Leser wird nicht verstehen, wozu diese Informationen dienen.
  • Das Erstellen von Tabellen auf einer HTML-Seite ist ein schwierig zu verstehender Prozess. Üben Sie zunächst an den externen Daten, um zu sehen, wie sie aussehen, durchsuchen Sie dann die neue Tabelle und platzieren Sie sie an ihrer Stelle.
  • Der HTML-Tabellencode sollte am besten fortgeschrittenen HTML-Codierern überlassen werden. Nachdem Sie diese Anweisungen befolgt haben, werden auch Sie einer von ihnen.