Korrekte Lösungen für deinen Test¶

1. CSS-Selektoren¶

Frage: Welche dieser CSS-Selektoren wählt alle Elemente mit einer bestimmten Klasse aus?

Antwort: a. .className

2. HTML-Formular an URL übermitteln¶

Frage: Wie ist ein HTML-Formular aufgebaut, das den Namen und die E-Mail-Adresse an https://example.com/submit übermittelt?

Antwort:
```html

```

3. Unterschied zwischen Content-Box und Border-Box¶

Frage: Was ist der Unterschied zwischen dem linken und rechten Box Model? Welches ist der Standard?

Antwort:
- Linke Box: Content Box (Standard)
- Rechte Box: Border Box
- CSS zur Umstellung: box-sizing: border-box;

4. Grid-Container Eigenschaften¶

Frage: Welche Eigenschaften beeinflussen die Spalten in einem Grid-Container?

Antwort: a. grid-auto-columns, c. grid-template-rows, d. grid-template-columns

5. HTML Grundstruktur¶

Frage: Welche Tags sind Teil der Grundstruktur eines HTML-Dokuments?

Antwort: a. <html>, d. <head>, e. <body>

6. HTML Namenskonventionen¶

Frage: Welche Namenskonventionen sind für HTML-Dokumente korrekt?

Antwort: b. Dateinamen sollten keine Leerzeichen enthalten, d. Dateinamen können nur aus Kleinbuchstaben bestehen

7. Box-Modell Aussagen¶

Frage: Welche Aussagen über das Box-Modell sind korrekt?

Antwort: b. Das Box-Modell besteht aus margin, border, padding, und content, d. padding beeinflusst den Abstand zwischen Inhalt und Rand

8. Selektor für `<p>` innerhalb eines `<div>`¶

Frage: Welcher Selektor wählt alle <p>-Elemente innerhalb eines <div> aus?

Antwort: c. div > p, d. div p

9. Listenelemente nebeneinander platzieren¶

Frage: Wie kann man Listenelemente in einem Menü nebeneinander platzieren?

Antwort: display: inline; oder display: flex;

10. Flex-Direction Aussagen¶

Frage: Welche Aussagen über flex-direction sind korrekt?

Antwort: a. flex-direction: column-reverse; ordnet von unten nach oben an, b. flex-direction: row-reverse; ordnet in umgekehrter Reihenfolge horizontal an

11. Einbindung externer CSS-Datei¶

Frage: Wie wird eine externe CSS-Datei eingebunden?

Antwort: d. <link rel="stylesheet" href="style.css">

12. Flexbox Ausrichtung¶

Frage: Welche Eigenschaften können zur Ausrichtung der Items in einem Flexbox-Layout verwendet werden?

Antwort: c. justify-content, d. align-items

13. Layout mit mehreren Spalten¶

Frage: Welche CSS-Eigenschaften werden für ein Layout mit mehreren Spalten verwendet?

Antwort: c. column-gap, d. grid-template-columns

14. Rasterstruktur ohne Platzierung der Items¶

Frage: Welche Eigenschaft hilft dabei, eine Rasterstruktur zu definieren?

Antwort: c. grid-auto-rows

15. Flexibles Layout¶

Frage: Welche CSS-Kombinationen erstellen ein flexibles Layout?

Antwort: a. display: flex; flex-wrap: wrap;, c. display: grid; grid-template-columns: repeat(3, 1fr);

16. Mobile First Ansatz¶

Frage: Wie setzt man "Mobile First" mit CSS um?

Antwort: Media Queries:
css @media (max-width: 600px) { /* mobile styles */ }

17. Formular in HTML¶

Frage: Welche Tags werden für ein Formular verwendet?

Antwort: b. <input>, c. <form>, d. <button>

18. Box-Modell CSS-Eigenschaften¶

Frage: Welche CSS-Eigenschaften gehören zum Box-Modell?

Antwort: b. margin, c. padding

19. Semantische HTML-Elemente¶

Frage: Welche der folgenden Elemente sind semantische HTML-Elemente?

Antwort: b. <header>, d. <footer>, e. <main>

20. Formular in HTML erstellen¶

Frage: Welche(s) Tag(s) werden/wird verwendet, um ein Formular in HTML zu erstellen?

Antwort: b. <input>, c. <form>, d. <button>

21. CSS und Box-Modell¶

Frage: Welche der folgenden CSS-Eigenschaften gehört zum Box-Modell?

Antwort: b. margin, c. padding

22. Semantische HTML-Elemente¶