Grundgerüst
Listen und Links
Etwa 25 Minuten. Lass dir ruhig länger Zeit.
Danach kannst du
- Eine Aufzählung mit ul und li bauen
- Verstehen, dass Tags ineinander verschachtelt werden
- Einen Link setzen und wissen, was ein Attribut ist
Bisher standen deine Tags nebeneinander. Jetzt kommen sie ineinander — und das ist die Idee, auf der der Rest von HTML aufbaut.
Listen
Eine Aufzählung besteht aus zwei Tag-Sorten:
<ul>
<li>Kaffee</li>
<li>Noch mehr Kaffee</li>
</ul><ul> ist die Liste, <li> ist ein Punkt darin. Die <li> stehen innerhalb
von <ul> — deshalb rückt man sie ein. Die Einrückung ist dem Browser egal,
aber sie zeigt dir sofort, was zu was gehört.
Wenn die Reihenfolge wichtig ist, nimmst du
<ol>statt<ul>. Dann nummeriert der Browser automatisch. Probier es ruhig aus.
Links
Ein Link braucht zwei Dinge: den Text, den man sieht, und die Adresse, zu der es geht. Der Text steht zwischen den Tags. Die Adresse steht im öffnenden Tag:
<a href="https://developer.mozilla.org">Nachschlagewerk für HTML</a>Dieses href="..." heißt Attribut: eine Zusatzinformation zum Tag. Tags
können mehrere davon haben, sie werden mit Leerzeichen getrennt. Attribute wirst
du ab jetzt ständig sehen.
Deine Aufgabe
Bau eine kleine Seite mit deinen Lieblingssachen:
- eine Überschrift
<h1> - eine Liste
<ul>mit mindestens drei<li>-Punkten - mindestens einen Link
<a>, der zu einer echten Seite führt (Adresse muss mithttps://anfangen)
Der Link darf innerhalb eines Listenpunkts stehen — dann hast du gleich eine Verschachtelung über zwei Ebenen.