Lädt...
HTML-Mini-Projekt — Personal Site
Theorie bleibt durch Bauen. Kleine Personal Site.
Direkte Antwort
Mind. drei Seiten mit gemeinsamem header/nav/footer. Text, Bild+alt, Liste/Tabelle, Kontaktform mit Labels. Tastatur + Mobile.
📊 Akzeptanzkriterien
| Punkt | Erledigt wenn |
|---|---|
| Shared nav | Links work between all pages |
| Semantics | header/nav/main/footer present |
| Media | At least one informative image with alt |
| Data | A list or small table of facts |
| Form | Labeled controls + submit button |
| Quality | No missing labels; headings make sense |
Shared nav starter
html
HTML Code
<header>
<h1>Alex Site</h1>
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
</nav>
</header>Ausprobieren
- drei HTML-Dateien
- Home/About
- Kontaktform
- Bild+Liste
- Tab-Test
Typische Fehler
- nav driftet
- ohne labels
- Layout-Tabellen
- alt fehlt
Zusammenfassung
- multipage Site
- Skills kombinieren
- Akzeptanztabelle
- dann CSS
🧠 Testen Sie Ihr Wissen
Bereit zum Start
Testen Sie Ihr Wissen
Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen
4
Fragen
70%
Zum Bestehen
∞
Zeit
∞
Versuche
📝 Anweisungen
- Lesen Sie jede Frage sorgfältig
- Wählen Sie die beste Antwort für jede Frage
- Sie können das Quiz so oft wiederholen, wie Sie möchten
- Ihr Fortschritt wird oben angezeigt