## HTML (Grundstruktur und Tags) - **Grundgerüst:** ``` ... ``` - **Semantik:** `

`, `

`, `

`, `

`, `

`, `

`, `

`, `

`, `` - **Text:** `

` - `

`, `
`, `
`, ``, ``, `` - Listen: `
`, `
`, `
` (inkl. verschachtelt) - Bilder: `` - Links: `` mit `target="_blank"` - Tabellen: ``, ``, `
`, ` `, `colspan`, `rowspan` - Formulare: `
`, ``, ``, ``, `required`, `checked/unchecked` - Zusätzlich: `<details>`, `<summary>`, `<figure>`, `<figcaption>` ## CSS (Formatierung und Selekoren) - Einbindung: `<link rel="stylesheet" href="">`, `<style>`, `style=""` - Selektoren: ELement (`p`), Klassen (`.karte`), ID (`#header`), Nachfahren (`nav a`), Kind(`nav > ul`) - Box-Modell: `width`, `padding`, `margin`, `border`, `border-radius` - Display: `block`, `inline`, `inline-block` - Typografie: - `font-family`, `serif/sans serif/monospace`, `font-size` (px/em/rem), `font-weight`, `line-height`, `text-align` - Farben: `color`, `background-color`, (Namen, Hex, rgb) - Listen: `list-style: none` - Tabellen: `border-collapse: collapse` - Hover: `:hover` Prüfungsaufgaben-Beispiele: - CSS-Regel für "alle Links in Navgiation" schreiben - Box mit `padding: 20px; margin: 10px; border: 1px solid black` definieren - Screenshot nachbauen (Schriftgrößen, Farben, Abstände)