Unterrichtsmaterialien Informationsverarbeitung
Hello World
Beabsichtigte Lernziele
Für eine formal vollständige Quelldatei einer "Hello World" in HTML benötigen wir folgendes:
- eine Datei mit der Endung .htm, .html oder .php
- alle drei Dateitypen sind für HTML-Dialekt uneingeschränkt geeignet
- einen Quelltextkopf, der die Metadaten an den Browser weiterleitet
- hiermit sind Daten gemeint, die zur Fensterbezeichnung, Autorennennung, Sprache, Schriftsatz etc. verwendet werden
- 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.
Lizenziert unter Creative Commons Attribution Share Alike License 4.0