Grundstruktur
- HTML5 Boilerplate
<!DOCTYPE html><html lang="de">...</html>- Meta-Tags
<meta charset="UTF-8">, <meta name="viewport" content="width=device-width, initial-scale=1.0">
Wichtige Tags
<header>, <footer>- Strukturelemente für Kopf- und Fußbereich
<nav>- Navigationselemente
<main>, <section>, <article>- Semantische Container für Inhalte
<aside>- Zusätzliche Inhalte oder Randnotizen
Formulare
- Textfeld
<input type="text" name="name">- E-Mail
<input type="email" name="email">- Button
<button type="submit">Absenden</button>
Medien
- Bilder
<img src="bild.jpg" alt="Beschreibung">- Video
<video src="video.mp4" controls></video>- Audio
<audio src="audio.mp3" controls></audio>
Verlinkung & Listen
- Hyperlink
<a href="seite.html">Link</a>- Ungeordnete Liste
<ul><li>Item</li></ul>- Geordnete Liste
<ol><li>Item</li></ol>
Tabellen & Daten
- Tabelle
<table><tr><td>Inhalt</td></tr></table>- Bezeichner
<th> für Tabellenkopf
Zugänglichkeit
- Alt-Texte
- Immer
alt-Attribut bei Bildern verwenden
- Rollen
role-Attribute für Screenreader