Navigation überspringen

Hello World

Beabsichtigte Lernziele

Für eine formal vollständige Quelldatei einer "Hello World" in HTML benötigen wir folgendes:

  1. eine Datei mit der Endung .htm, .html oder .php
    1. alle drei Dateitypen sind für HTML-Dialekt uneingeschränkt geeignet
  2. einen Quelltextkopf, der die Metadaten an den Browser weiterleitet
    1. hiermit sind Daten gemeint, die zur Fensterbezeichnung, Autorennennung, Sprache, Schriftsatz etc. verwendet werden
  3. einen Quelltextbereich, der den Browser anweist in vorgesehenen Bereich "Hello World" auszugeben.

Lösung

<!DOCTYPE html>

<html>
    
    <head>
        <title>Fenstertitel</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    
    <body>
        
        Hello World!
        
    </body>
    
</html>

Zeilen 1 bis 9: Quelltextkopf, zu beachten ist das Öffnungstag <html> zu Beginn und </html> zum Ende des Quelltextes. Dies signalisiert die entsprechende HTML-Einbettung für den Browser.

Zeilen 11 bis 15: Durch die Einbettung in den Bereich <body> ... </body> erfolgt die Ausgabe in den dafür vorgesehenen Bereich im Browserfenster.