LU01.A01 - Hello World

Erstellen Sie eine einfache Webseite, die den Text „Hello World“ anzeigt.

Erstellen Sie ein neues, leeres Projekt mit dem Namen „M293_LU01“.

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.

  • Fügen Sie den Text Hello World zwischen die beiden Zeilen <body> und </body> ein.

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

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]
  • modul/m293/learningunits/lu01/aufgaben/hello.txt
  • Zuletzt geändert: 2024/05/13 06:25
  • von msuter