Jahrgangsstufe 9 - Informatik - Mittwoch, der 10. Februar 2021


Thema: Internet, WWW und HTML

Name:
Jahrgang/Klasse:
E-Mail-Adresse:

Wir stellen die geplante Arbeit mit dem Programm Filius zurück und beschäftigen uns zuerst mit der im World Wide Web benutzten Seitenbeschreibungssprache HTML.

Auftrag 1:

Klicke z. B. beim Betrachten DIESER Seite mit der rechten Maustaste darauf. Im Kontextemnü wählst Du bitte "Seitenquelltext anzeigen". Du siehst, wie diese Seite von mir mit den Formularen darin und diesem Text geschrieben wurde. Der Browser hat dann die Befehle in diesem Text umgesetzt und im Fenster dargestellt. Nach der gleichen Methode werden ALLE Seiten im WWW angezeigt.

Auftrag 2:

Du siehst hier im Fenster einige Befehle dieser Sprache. Alle Befehle sind durch < und > begrenzt. Man nennt diese Befehle auch Tags.


Mit beginnt der ganze Text und endet mit . Mit dem vorangehenden Slash / wird immer das Ende eines Befehls markiert.
Der eigentliche Text der Seite ist eingeschlossen in


Auftrag 3:

Öffne im Windows-Zubehör den Editor, markiere den Inhalt des obenstehenden ersten Fensters, kopiere ihn in das Editor-Fenster und schreibe zwischen den Body-Tags einen Text wie "Ene mene miste, es rappelt in der Kiste." Zwischen den Title-Tags kannst Du auch etwas schreiben.
Gehe dann auf Datei und Speichern unter und auf Alle Dateien und nenne die Datei z. B. Quatsch.html. Die Endung html ist wichtig.
Nun müsste beim Anklicken der Datei der voreingestellte Browser des Betriebssystems den spektakulären Inhalt in einem Browserfenster anzeigen. Mit dem Tag kann man einen Zeilenumbruch bewirken.

Auftrag 4:

Suche Dir im Internet ein schönes Gedicht oder schreibe selbst eines, kopiere es in den HTML-Text hinein, stelle das Gedicht ordentlich zeilenweise dar und kopiere schließlich den gesamten HTML-Text hier unten in dieses Fenster.

Auftrag 5:

Zur Vereinfachung der Arbeit solltest Du Dir einen HTML-Editor wie Phase 5 herunterladen und installieren. Schaue Dir Dein Gedicht auch schon einmal mit diesem Editor im HTML-Quelltext an. Rechts oben ist in der Kopfleiste eine Weltkugel zu sehen. Damit kann man eine Vorschau des HTML-Textes betrachten.