LU01.A01 - Hello World
Erstellen Sie eine einfache Webseite, die den Text „Hello World“ anzeigt.
Vorgehen
1. Neues Projekt
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 World
zwischen 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]