modul:ffit:css:learningunits:lu01:aufgaben:display

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
modul:ffit:css:learningunits:lu01:aufgaben:display [2024/08/29 08:45] kdemircimodul:ffit:css:learningunits:lu01:aufgaben:display [2024/08/29 08:57] (aktuell) kdemirci
Zeile 6: Zeile 6:
  
 ==== Aufgabenstellung ==== ==== Aufgabenstellung ====
-1. Beschreiben Sie den Unterschied zwischen Block- und Inline-Elementen in HTML und geben Sie jeweils ein Beispiel für ein Block-Element und ein Inline-Element an. +  - Beschreiben Sie den Unterschied zwischen Block- und Inline-Elementen in HTML und geben Sie jeweils ein Beispiel für ein Block-Element und ein Inline-Element an. 
-2. Ändern Sie das Anzeigeverhalten eines Elements mit der CSS-Eigenschaft "display" von "block" auf "inline" und umgekehrt. Erläutern Sie, wie sich das Layout des Elements ändert.+  Ändern Sie das Anzeigeverhalten eines Elements mit der CSS-Eigenschaft "display" von "block" auf "inline" und umgekehrt. Erläutern Sie, wie sich das Layout des Elements ändert.
  
 ==== Rahmenbedingungen ==== ==== Rahmenbedingungen ====
Zeile 22: Zeile 22:
  
 ==== Aufgabenstellung ==== ==== Aufgabenstellung ====
-1. Erstellen Sie die Dokumente `index.html` und `style.css`. +  - Erstellen Sie die Dokumente `index.html` und `style.css`. 
- +  Kopieren Sie die folgende Vorlage in Ihre Dokumente:<code html>
-2. Kopieren Sie die folgende Vorlage in Ihre Dokumente: +
-<code html>+
 <!DOCTYPE html> <!DOCTYPE html>
 <html lang="en"> <html lang="en">
Zeile 44: Zeile 42:
 </html> </html>
 </code> </code>
- +  - Verlinken Sie das `syle.css` in Ihrem HTML-Dokument. 
-3. Verlinken Sie das `syle.css` in Ihrem HTML-Dokument. +  Gestalten Sie Ihr HTML-Dokument gemäss Vorgabe. {{:modul:ffit:css:learningunits:lu01:aufgaben:vorgabe.png?800|}}
- +
-4. Gestalten Sie Ihr HTML-Dokument gemäss Vorgabe. +
- +
-{{:modul:ffit:css:learningunits:lu01:aufgaben:vorgabe.png?800|}}+
  
 ==== Rahmenbedingungen ==== ==== Rahmenbedingungen ====
  • modul/ffit/css/learningunits/lu01/aufgaben/display.1724913941.txt.gz
  • Zuletzt geändert: 2024/08/29 08:45
  • von kdemirci