Die HTML-Tabelle - 3
Neu Lassen Sie uns das, was wir besprochen haben, in die Praxis umsetzen. Fügen Sie Ihrer Template5.html-Datei eine 500 Pixel breite Tabelle hinzu. Wir möchten, dass die Tabelle drei Zeilen, 1 Feld in jeder Zeile, einen Rand von 1 Pixel Breite und den Inhalt in den Zellen zentriert. Nachdem Sie die Tabelle erstellt haben, verschieben Sie die "Hallo Welt" in die oberste Zelle (Zeile 1 - Zelle 1). Verschieben Sie dann die Schriftart-Tags und das "Hier eingeben" in die Zelle in der zweiten Zeile (Zeile 2 - Zelle 1). Lassen Sie zum Schluss Zeile 3 - Zelle 1 leer. Öffnen Sie die Datei Template5.html in Ihrem Texteditor, fügen Sie den folgenden Code hinzu und speichern Sie die neue Datei als Template6.html.

Tabelle - Quellcode





Hallo Welt

Eingeben
Hier


Hinweis--Der Pfeil gibt an, dass der Code in eine zweite Zeile eingeschlossen ist und eigentlich nur in einer Zeile stehen sollte.

Template6.html - Quellcode


Hallo Welt









Hallo Welt

Eingeben
Hier




Hinweis--Der Pfeil gibt an, dass der Code in eine zweite Zeile eingeschlossen ist und eigentlich nur in einer Zeile stehen sollte.

Öffnen Sie nun Template6.html in Ihrem Webbrowser und sehen Sie sich Ihre neue Tabelle an. Möglicherweise möchten Sie dieses Tutorial mit einem Lesezeichen versehen. In den nächsten Artikeln werden wir viele Tabellen erstellen. Sie können weiterhin mit der Tabelle experimentieren, indem Sie die Attribut / Wert-Paare für jedes Tag hinzufügen, entfernen und ändern. Wenn Sie fertig sind, setzen Sie den Code in Template6.html wieder auf den obigen Code und speichern Sie ihn erneut.

← Zurück

|



Video-Anleitungen: Yahoo Finance API Tutorial - 3 - Loading HTML tables with thousands of rows using jQuery Datatables (April 2024).