LU01.A01 - Hello World
Erstellen Sie eine einfache Webseite, die den Text “Hello World” anzeigt.
Vorgehen
1. Neues Projekt
Erstellen Sie ein neues, leeres Projekt mit dem Namen “M293_LU01”.
2. Neue HTML-Datei
Erstellen Sie im Projekt eine neue HTML5-Datei mit den Namen “HelloWorld.html”. Sie werden feststellen, dass Webstorm schon einige Codezeilen für das HTML-Grundgerüst in die Datei einfügt:
<!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <title>Title</title> </head> <body> </body> </html>
Was die einzelnen Zeilen bewirken, werden wir in der nächsten Learning Unit anschauen.
3. Text ausgeben
- Fügen Sie den Text
Hello Worldzwischen die beiden Zeilen<body>und</body>ein.
4. Seite anzeigen
Um das Resultat Ihrer Arbeit anzuzeigen, müssen Sie die Datei in einem Webbrowser öffnen. Dazu gibt es verschiedene Möglichkeiten:
| Browser-Symbol oben rechts im Editor-Fenster |  |
| Rechts-Klick auf die HTML-Datei ⇒ Run 'HelloWorld.html' 1) |  |
| Doppelklick auf die Datei im Datei Explorer |
5. Title anpassen
Der Tab im Webbrowser zeigt den Titel der Seite an: Title.
Das ist wenig aussagekräftig.
Passen Sie Ihre HTML-Datei so an, dass der Titel Hello angezeigt wird.
1)
Evtl. werden Sie gefragt, ob Sie dieser Webseite trauen. Klicken Sie auf [Trust]