Nichts passiert, und keiner sagt warum
Du schreibst eine CSS-Regel. Du speicherst. Die Seite sieht aus wie vorher.
Eine Webseite zeigt keine rote Fehlermeldung wie ein Python-Programm. Sie ignoriert Fehler still. Darum musst du wissen, wie du Fehler suchst.
Am Ende dieser Lektion
Notiz
Ich kann mit einer Prüfung und den Entwicklerwerkzeugen Fehler in einer Seite finden.
Schlüsselwörter
| Begriff | Was er bedeutet | Beispiel |
|---|---|---|
| Validierung | Eine Prüfung, ob der Code den Regeln entspricht. | |
| Entwicklerwerkzeuge | Ein Bereich im Browser, der den Code der Seite zeigt. | F12 |
| Fehlermeldung | Ein Hinweis, was nicht stimmt. | |
| Tippfehler | Ein falsch geschriebenes Wort im Code. | colour statt color |
| Schließendes Tag | Das Tag, das ein Element beendet. | </p> |
Die Zellen, die Lernende ausfüllen, bleiben in dieser Vorschau leer.
Start: Das weißt du schon
Probier es aus
Start: Das weißt du schon
4 FragenDeine Antworten werden hier bewertet und nicht gespeichert. Mit einem Konto bleiben deine Ergebnisse erhalten.
Typische Fehler in HTML und CSS
Die meisten Fehler sind klein: ein Tag, das nicht geschlossen wird, ein fehlendes Semikolon, ein Tippfehler im Namen einer Eigenschaft.
Der Browser rät dann, was du meinst. Manchmal rät er richtig, manchmal falsch. Du siehst kein Warnzeichen.
Probiere es aus: Das HTML reparieren
<h1>Speisekarte der Mensa
<p>Montag: Nudeln mit Soße
<p>Dienstag: Gemüsesuppe</p>
<ul>
<li>Brezel
<li>Apfel
</ul>
<!-- Das h1 wird nie geschlossen, darum steht alles darunter im Titel. -->
<!-- Schließe h1, p und li. Repariere die Seite. -->
Probiere es aus: Das CSS reparieren
<h1>Mensa</h1>
<p>Heute: Nudeln mit Tomatensoße.</p>
Kontrolle: Fehlerarten
Probier es aus
Kontrolle: Fehlerarten
3 FragenDeine Antworten werden hier bewertet und nicht gespeichert. Mit einem Konto bleiben deine Ergebnisse erhalten.