Typische Informatik-Testaufgaben

Die Aufgaben teilen sich in HTML (Inhalt/Struktur, Punkte 1-6) und CSS (Aussehen/Design, Punkte 7-10) auf.

Aufgabe 1 & 3 Was sind die typischen Fehler?
- Überschrift: Oft ist ein Tag nicht richtig geschlossen (z. B. <h1>Text</h3> statt </h1>) oder falsch geschrieben (z. B. <h7> – es gibt nur 1 bis 6).
- Tabelle: Häufig fehlen die </td> End-Tags oder eine Zeile <tr> wurde nicht zugemacht.
Aufgabe 2 (ID vergeben): Das Bild-Tag suchen (wahrscheinlich <img>) und darin id="myImage" ergänzen.
- Beispiel: <img src="bild.jpg" id="myImage">
Aufgabe 4 (Tabelle ergänzen): Neue Zeile am Ende einer Tabelle einfügen.
- Code-Struktur: <tr><td>Putzzeug (optional)</td><td>1</td><td></td></tr>
Aufgabe 5 (Listenpunkt): In einer Liste (<ul> oder <ol>) einen neuen Punkt <li>...</li> hinzufügen.
Aufgabe 6 (Absatz mit Klasse): Ein Textabschnitt mit einer speziellen Kennzeichnung für CSS.
- Code: <p class="note">Für Informationen über Risiken...</p>

Optik anpassen. Die Befehle kommen meistens in eine Datei, die auf .css endet.

Aufgabe	Was zu tun ist (CSS-Code)	Erklärung
7. Hintergrund weiß	`.page { background-color: white; }`	Der Punkt vor `page` bedeutet, dass es eine „Klasse“ ist.
8. Ecken abrunden	`#myImage { border-radius: 8px; }`	Die Raute `#` wird für die ID benutzt, die wir in Aufgabe 2 vergeben haben.
9. Tabelle/Zutaten	`.ingredients { width: 100%; border-collapse: collapse; }`	Macht die Tabelle breit und die Linien zwischen den Zellen einfarbig.
10. Kursivschrift	`.note { font-style: italic; }`	Setzt den Text aus Aufgabe 6 auf kursiv.