Zu dieser Lerneinheit gibt es einen Screencast, oder auch auf Sharepoint.
Führen Sie folgende Dinge auf der Kommandozeile (git-bash) aus:
hello
an.hello
code .
um den aktuellen Ordner zu öffnen.In Visual Code
hello.html
an. Geben Sie dazu möglich effizient, ohne Copy-Paste, folgenden Code ein (siehe auch das Video dazu)<html> <head> <meta charset="utf8"> <title>Hallo HTML Fenstertitel</title> </head> <body> <h1>Hallo HTML Seitentitel</h1> Wie geht's? </body> </html>
!
eingeben, wird eine komplette leere Seite angelegt.Ctrl-S
.start hello.html
ein, um die Seite im Browser zu öffnen.Aber bitte mit Stil! Wir fügen eine CSS-Datei hinzu, die beschreibt, wie Dinge auf der Seite formatiert und dargestellt werden sollen:
hello.html
, im head
der Seite, fügen Sie folgende Zeile hinzu:<link rel="stylesheet" href="hallo.css">
h1
auf dieser Seite rot sein sollen:h1 { color:red; }
Ctrl-K S
(d.h. Ctrl
gedrückt halten und k
drücken, alles loslassen und dann noch s
drücken).Ctrl-Shift-R
). Geht erst mal auch ohne Shift, aber so wird sicher alles neu geladen und nicht noch alte Dinge aus dem Browsercache geladen.Und jetzt noch JavaScript:
hello.html
, im head
der Seite, fügen Sie folgende Zeile hinzu:<script src="hallo.js"></script>
console.log("Hello world from JavaScript!");
Ctrl-K S
(d.h. Ctrl
gedrückt halten und k
drücken, alles loslassen und dann noch s
drücken).Ctrl-Shift-R
). Geht erst mal auch ohne Shift, aber so wird sicher alles neu geladen und nicht noch alte Dinge aus dem Browsercache geladen.