So erstellen sie eine tabelle in html

Distungieren Sie, wie Sie eine grundlegende Informationstabelle mit HTML erstellen können, sowie wie Sie hilfreiche Elemente hinzufügen, z. B. Bordüren an den Tisch.

Schritte

Teil 1 von 2:
Einen Tisch erstellen
  1. Bildtitel Erstellen Sie eine Tabelle in HTML-Schritt 1
1. Öffnen Sie ein Text-Bearbeitungs-Programm. In der Regel verwenden Sie Notepad ++ unter Windows und TextEtIt auf dem Mac. Um diese Programme zu finden:
  • Windows - Öffnen Start
Bildtitel WindowsStart.jpg
, Art Notizblock in den Anfang und klicken Notizblock An der Spitze des Fensters.
  • Mac - Öffnen Scheinwerfer
    Bildtitel MacSpotlight.jpg
    , eintippen textEdit, und klicken TextEdit unter dem Scheinwerfersuchfeld.
  • Bildtitel Erstellen Sie eine Tabelle in HTML Step 2
    2. Geben Sie ein und drücken Sie ↵ ENTER. THETAG Zeigt den Start einer Tabelle an, und drücken Sie ↵ Enter, fordert Ihren Texteditor auf, eine neue Zeile zu starten.
  • Wenn Sie HTML verwenden, müssen Sie immer ↵ drücken, um nach dem Erstellen einer Codezeile einzugeben, um auf die nächste Zeile zu gelangen.
  • Bildtitel Erstellen Sie eine Tabelle in HTML Step 3
    3. Geben Sie ein und drücken Sie ↵ ENTER. Dieser Befehl zeigt an, dass Sie ein bestimmtes Element des Tisches erstellen.
  • Bildtitel Erstellen Sie eine Tabelle in HTML Step 4
    4. Fügen Sie Ihrem Tisch eine Spalte hinzu. Geben Sie ein, um eine Spalte anzuzeigen, geben Sie das Etikett in das Etikett ein, geben Sie die Spalte ein, geben Sie ein, um die Spalte zu schließen, und drücken Sie ↵ ENTER.
  • Zum Beispiel: So erstellen Sie eine erfasste Tabellenspalte "Anzahl der Hunde", Sie würden eingeben Anzahl der Hunde in Ihren Texteditor.
  • Bildtitel Erstellen Sie eine Tabelle in HTML-Schritt 5
    5. Fügen Sie weitere Spalten hinzu. Je nachdem, wie viele Spalten Sie möchten, dass Ihre Tabelle vorhanden ist, wird dieser Schritt variieren. Sobald Sie alle Spalten hinzugefügt haben, die Sie verwenden möchten, fahren Sie mit dem nächsten Schritt fort.
  • Säulen werden von links nach rechts erstellt.
  • Bildtitel Erstellen Sie eine Tabelle in HTML-Schritt 6
    6. Geben Sie ein und drücken Sie ↵ ENTER. Dieser Befehl zeigt an, dass alle Spalten der Tabelle erstellt wurden, und schließt den Abschnitt des Tabellencodes.
  • Bildtitel Erstellen Sie eine Tabelle in HTML-Schritt 7
    7. Geben Sie wieder ein, drücken Sie dann ↵ ENTER. Sie fügen jetzt Ihre Zeilen an Ihren Tisch hinzu.
  • Bildtitel Erstellen Sie eine Tabelle in HTML Step 8
    8. Fügen Sie Ihrem Tisch eine Zelle hinzu. Geben Sie ein, um ein Informationsstück unter der ersten Spalte anzugeben, geben Sie die Informationen ein, geben Sie die Informationen ein, um die Zelle zu schließen, und drücken Sie ↵ ENTER.
  • Zum Beispiel: So erstellen Sie eine Zelle mit der Nummer "23" Darin würdest du eintippen 23 in Ihren Texteditor.
  • Bildtitel Erstellen Sie eine Tabelle in HTML Step 9
    9. Fügen Sie Ihrem Tisch mehr Zellen hinzu. Die Anzahl der Zellen in einer Zeile sollte mit der Anzahl der Spalten korrelieren - zum Beispiel, wenn Sie drei Spalten haben, sollten Sie drei Zellen in einer Zeile haben. Sobald Sie eine ganze Zeile erstellt haben, können Sie fortfahren.
  • Bildtitel Erstellen Sie eine Tabelle in HTML-Schritt 10
    10. Schließen Sie die aktuelle Zeile. Geben Sie ein und drücken Sie ↵ ENTER, um die Zeile zu schließen. An diesem Punkt können Sie eine andere Zeile öffnen, indem Sie eingeben und ↵ eingeben, und fügen Sie einzelne Zellen hinzu, und schließen Sie dann die Zeile.
  • Bildtitel Erstellen Sie eine Tabelle in HTML-Schritt 11
    11. Schließen Sie Ihren Tisch. Unter der endgültigen Linie der Tabelle eingeben Sie ein . Dies zeigt das Ende des Tisches an.
  • Bildtitel Erstellen Sie eine Tabelle in HTML-Schritt 12
    12. Überprüfen Sie Ihren Tisch. Ihr Tisch sollte so etwas aussehen:
  • Tag
  • Monat
  • Jahr
  • 4
  • März
  • 1990
  • 27
  • Juli
  • 1993
  • Bildtitel Erstellen Sie eine Tabelle in HTML-Schritt 13
    13. Sichere deine Arbeit. Drücken Sie Strg+S (Windows) oder ⌘ Befehl+S (Mac) Um Ihr Dokument zu speichern, geben Sie einen Namen für das Dokument ein und klicken Sie auf speichern wann aufgefordert.
  • Teil 2 von 2:
    Hinzufügen von Tabellenmodifizierern
    1. Bildtitel Erstellen Sie eine Tabelle in HTML-Schritt 14
    1. Erweitern Sie Ihren Tisch. Tauschen Sie den THETAG an der Oberseite des Blatts durch und dann Typ
    style ="Breite: 100%"> in das Tag. Stellen Sie sicher, dass Sie einen Raum zwischen halten "Tabelle" und "Stil".
    • Das Endergebnis sollte so aussehen:
    • Sie können mit dem Prozentsatz experimentieren. Zum Beispiel eingeben 50 Anstatt von 100 führt zu einem halbhauen Tisch.
  • Bildtitel Erstellen Sie eine Tabelle in HTML-Schritt 15
    2. Erstellen Sie Grenzen für Ihren Tisch. Erstellen Sie ein Leerzeichen an ganz oben des Dokuments über den THETAG, dann führen Sie Folgendes an:
  • Geben Sie ein und drücken Sie ↵ ein.
  • Eintippen Tabelle, th, td { und drücken Sie ↵ ENTER.
  • Eintippen Border: 1px massiv schwarz- und drücken Sie ↵ ENTER.
  • Eintippen Border-Collapse: Kollaps- und drücken Sie ↵ ENTER. Überspringen Sie diese Zeile, wenn Sie möchten, dass Ihre Grenzen zwei Zeilen statt eines haben.
  • Eintippen } und drücken Sie ↵ ENTER.
  • Geben Sie ein und drücken Sie ↵ ein.
  • Bildtitel Erstellen Sie eine Tabelle in HTML-Schritt 16
    3. Fügen Sie ein Etikett für Ihren Tisch hinzu. Erstellen Sie einen Leerzeichen knapp unterhalb des THETAG, dann führen Sie Folgendes an:
  • Eintippen
  • Geben Sie den Text ein, den Sie verwenden möchten (e.G., Geburtstage)
  • Geben Sie ein und drücken Sie ↵ ein.
  • Ihr Endergebnis sollte dies ähneln: Geburtstage
  • Tipps

    Es hilft, verwandte Codeabschnitte einzurücken, damit Sie sie später leicht verweisen können. Sie könnten zum Beispiel einen ganzen Abschnitt von Zellen einräumen.
  • Um einen bestimmten Text fett zu machen, können Sie Tags um den fraglichen Text platzieren. Zum Beispiel, um sich zu drehen "Anzahl von Jahren" in "Anzahl von Jahren", du würdest eintypen Anzahl von Jahren in den Texteditor.
  • Warnungen

    Denken Sie immer daran, Befehle zu schließen.
    In Verbindung stehende Artikel