MINT üben

HTML: das Grundgerüst

Dreißig Übungen zum HTML-Grundgerüst — Tags, Elemente, Attribute und die Aufteilung in head und body.

Dein Fortschritt:
0 / 0 Aufgaben
1

Übungsaufgaben

Dreißig Übungen in gemischter Reihenfolge — du klickst, ziehst, ordnest, rechnest und knobelst. Jede Übung gibt dir sofort eine Rückmeldung, und zu jeder Aufgabe gibt es zwei gestufte Tipps: Der erste zeigt die Richtung, der zweite den entscheidenden Schritt. Die Chips zeigen das Anforderungsniveau: AFB I heißt wiedergeben und direkt anwenden, AFB II selbst entscheiden und verknüpfen, AFB III begründen, beurteilen oder eine Falle durchschauen. Aufgaben mit dem Chip Mix verbinden Wissen aus früheren Unterkapiteln, bei Trick steckt eine Falle drin. Fährst du über ein unterstrichenes Arbeitswort, siehst du, was es genau von dir verlangt.

A1
Start-Tags ergänzen
AFB I

Fasse die Bausteine einer Playlist-Seite zusammen: Trage in jedes Start-Tag das fehlende Wort ein.

Fülle alle Felder aus und prüfe dann auf einmal. Enter prüft ebenfalls.
<>Mix</h1>
<>Drei Songs.</p>
<ul>
  <>Song 1</li>
</ul>
<a ="musik.de">Mehr</a>
Das End-Tag verrät den Namen: h1 für die Überschrift, p für den Absatz, li für den Listenpunkt. Das Ziel eines Links steht im Attribut href.
Das End-Tag trägt denselben Namen wie das Start-Tag, nur mit Schrägstrich.
Das Linkziel ist eine Zusatzangabe im Start-Tag in der Form name="wert". Der Name beginnt mit h.
A2
Teile eines Elements
AFB I

Lies am Link-Element ab, was wo steht, und klicke die gefragte Stelle an.

Klicke die gesuchte Stelle an. Mit der Tastatur: Tab oder Pfeiltasten zum Wandern, Enter zum Auswählen.

<a href="info.html"> Mehr</a>
a ist der Name, href das Attribut mit dem Wert info.html, Mehr der Inhalt zwischen Start-Tag und End-Tag und das End-Tag.
Das Attribut steht im Start-Tag in der Form name="wert". Der Wert ist der Teil in Anführungszeichen.
Der Inhalt liegt zwischen dem Start-Tag und dem End-Tag; das End-Tag beginnt mit einem Schrägstrich.
A3
Bingo: Text auf der Seite
AFB II

Werte die neun Elemente aus und markiere jedes, dessen Inhalt auf der Seite selbst zu lesen ist.

Jedes Feld ist ein Element. Markiere alle Felder, bei denen ein Mensch auf der Seite einen Text lesen kann.

Markiere alle Elemente, deren Inhalt auf der Seite selbst zu lesen ist.

Auf der Seite lesen kann man den Inhalt von h1, p, li und a. Der Text im title erscheint im Tab, br ist nur ein Zeilenumbruch, img ein Bild, head und meta enthalten Angaben über die Seite.
Frage dich bei jedem Element: Steht sein Inhalt im body und erscheint er auf der Seite?
Der Text im title steht im Tab, ein Bild und ein Zeilenumbruch enthalten keinen Text.