Zum Inhalt springen
BlaupauseProgrammieren lernen

Grundgerüst

Deine erste Seite

Etwa 20 Minuten. Lass dir ruhig länger Zeit.

Danach kannst du

  • Verstehen, was ein Tag ist und warum er zweimal vorkommt
  • Eine Überschrift und einen Absatz schreiben
  • Merken, dass der Browser nur anzeigt, was du ihm sagst

Eine Webseite ist eine Textdatei. Mehr nicht. Du kannst sie in jedem Texteditor öffnen und lesen — genau das macht der Browser auch, nur dass er danach etwas zeichnet.

Damit der Browser weiß, was er zeichnen soll, umschließt du deinen Text mit Tags. Ein Tag steht in spitzen Klammern und kommt fast immer doppelt vor:

<p>Das hier ist ein Absatz.</p>

Der erste Tag macht auf, der zweite mit dem Schrägstrich macht zu. Alles dazwischen ist der Inhalt. Der Browser zeigt die Klammern nicht an — er versteht sie als Anweisung.

Die zwei Tags für heute

<h1> ist die Hauptüberschrift der Seite. Es steht für heading 1. Von diesen gibt es genau eine pro Seite; sie sagt, worum es geht.

<p> ist ein Absatz, kurz für paragraph. Davon kannst du beliebig viele haben.

Deine Aufgabe

Rechts im Editor steht ein leeres Grundgerüst. Schreib zwischen <body> und </body>:

  1. eine Überschrift mit <h1> — dein Name oder ein Titel für die Seite
  2. einen Absatz mit <p>, in dem mindestens zwei Sätze über dich stehen

Die Vorschau aktualisiert sich beim Tippen. Wenn du fertig bist, drück auf Prüfen.

Editor
Vorschau
Festgefahren?3 Tipps

Die Tipps kommen einer nach dem anderen — vom Schubs bis zur konkreten Zeile. Nimm dir ruhig erst zwei Minuten selbst. Und wenn auch der letzte nicht hilft: das ist der Moment, mich zu fragen, nicht aufzugeben.

Musterlösungverschlossen

Den Code nenne ich am Ende der Session. Vorher bringt Nachschauen dir nichts — dann hast du zwar eine Lösung, aber keine Ahnung.