i

HTML kennenlernen

Komische Ausdrücke

Der Quelltext (also die „Rückseite“) der Webseite enthält viele merkwürdige Zeichen, z.B. <h1>...</h1>. Man nennt sie Tags. Auf der Vorderseite tauchen sie aber nicht auf.

Aufgabe 1

Erkunde die Vereinswebseite, nimm Änderungen vor und beobachte was passiert. Kannst du dadurch die Bedeutung der HTML-Tags (z.B. <h1>...</h1>) herausfinden?

Links siehst du die Rückseite (auch Quelltext genannt) und rechts siehst du die Vorderseite der Webseite, wie sie auch der Browser darstellen würde.

Ideen zum Experimentieren

Probiere z.B. Folgendes aus und beobachte, was passiert.

  • Ändere h2 zu h3 oder h4.
  • Füge auch Metal als Musik-Richtung hinzu.
  • Schaffst du es, eine weitere Überschrift einzufügen, z.B. „Mitgliedsbeitrag“.
  • Füge unter dieser Überschrift dann einen kurzen Absatz ein, in dem steht, dass die Mitgliedschaft aktuell 10 Euro im Jahr kostet.

Aufgabe 2

Verändere nun den Quelltext so, dass du deinen eigenen Verein beschreibst.

Du kannst deinen veränderten Quelltext speichern, indem du rechts oben auf Download klickst. Öffne die gespeicherte Datei dann einmal in einem Browser.

Suche

v
100.134.3
dev.inf-schule.de/entwuerfe/html-kurz/kennenlernen
dev.inf-schule.de/100.134.3
dev.inf-schule.de/@/page/OGtS6L34r2hJpSwS

Rückmeldung geben