Wie eine HTML-Tabelle zu erstellen

Wenn Sie Web-Seiten erstellen, müssen Sie wissen, wie die verschiedenen Arten von Daten und Elemente hinzuzufügen, einschließlich Tabellen. Um eine Webseite mit einer Tabelle zu erstellen, gehen Sie folgendermaßen vor:

  1. Öffnen Sie Ihren Texteditor.

  2. Im Texteditor erstellen Sie ein neues Textdokument.

    Die meisten Texteditoren wird mit einem leeren oder leeren Dokument öffnen zu beginnen. Wenn Sie irgendetwas in dem Dokument haben, löschen Sie es aus, bevor Sie fortfahren.

    bild0.jpg
  3. Geben Sie die folgende HTML:

    Meine erste Web-Seite

    My Table

    Flughafen-CodeCommon Name / Stadt
    CWACentral Wisconsin Flughafen
    ORDChicago O'Hare
    LHRLondon Heathrow
  4. Speichern Sie die Datei als table.html.

    Speichern Sie die Datei mit einem .html Erweiterung. Die Datei sollte in Ihrem Dokument root gespeichert werden.

    image1.jpg
  5. Zeigen Sie die Datei in Ihrem Browser.

    Öffnen Sie Ihren Web-Browser und geben Sie http: //localhost/table.html in die Adressleiste. Dadurch wird eine Seite wie diese zeigen.

    image2.jpg

    Beachten Sie, dass die Tabelle hat keine Grenzen um ihn herum. Wenn Sie möchten, Grenzen hinzuzufügen, halten Sie durch diese Übung zu arbeiten.

  6. Öffnen Sie table.html in Ihrem Texteditor.

    Wenn Sie Ihren Text-Editor geschlossen, öffnen Sie es wieder und Last table.html.

  7. Ändern Sie den Code in table.html auf die folgenden:

    Meine erste Web-Seite

    My Table

    border = "1">Flughafen-CodeCommon Name / StadtCWACentral Wisconsin FlughafenORDChicago O'HareLHRLondon Heathrow

    Beachten Sie, dass die einzige Veränderung, um einen Raum zu addieren und dann border = "1" innerhalb des Elements.

  8. Reload table.html in Ihrem Browser.

    Wenn Sie Ihren Browser geschlossen, öffnen Sie es und gehen Sie zu http: //localhost/table.html. Wenn Ihr Browser die Seite (Befehl + R auf einem Mac) zu aktualisieren, noch offen ist, drücken Sie Strg + R. Sie sehen nun eine Grenze um den Tisch, wie hier gezeigt.

    image3.jpg

Menü