<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="https://wiki.bzz.ch/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="https://wiki.bzz.ch/feed.php">
        <title>BZZ - Modulwiki - de:modul:m287:learningunits</title>
        <description></description>
        <link>https://wiki.bzz.ch/</link>
        <image rdf:resource="https://wiki.bzz.ch/_media/wiki/logo.png" />
       <dc:date>2026-04-08T17:10:43+00:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/10?rev=1775128258&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/20?rev=1775128134&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/19?rev=1775128119&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/18?rev=1775128101&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/17?rev=1775128083&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/16?rev=1775128067&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/15?rev=1775128047&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/14?rev=1775128035&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/12?rev=1775128013&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/13?rev=1775127976&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/11?rev=1775127948&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/11?rev=1775127365&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/lb01?rev=1775126871&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/de/modul/m287/learningunits/lu04/aufgaben/flexbox2?rev=1775054101&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/?image=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben%3Acssflexboxtutorial_english.mp4&amp;ns=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben&amp;rev=1775051030&amp;tab_details=history&amp;media_do=diff&amp;do=media"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/?image=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben%3Acssflexboxtutorial_deutsch.mp4&amp;ns=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben&amp;rev=1775050910&amp;tab_details=history&amp;media_do=diff&amp;do=media"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/de/modul/m287/learningunits/lu04/loesungen/flex?rev=1775044664&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="https://wiki.bzz.ch/_media/wiki/logo.png">
        <title>BZZ - Modulwiki</title>
        <link>https://wiki.bzz.ch/</link>
        <url>https://wiki.bzz.ch/_media/wiki/logo.png</url>
    </image>
    <item rdf:about="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/10?rev=1775128258&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-02T11:10:58+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>LU00.A10: Fragen Fachgespräch</title>
        <link>https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/10?rev=1775128258&amp;do=diff</link>
        <description>LU00.A10: Fragen Fachgespräch

1. Benötigtes Fachvokabular

	*  HTML-Kommentar-Start, HTML-Kommentar-Ende, CSS-Kommentar-Start, CSS-Kommentar-Ende
	*  HTML-Elemente/Tags, Property, Property-Wert
	*  Typselektor, Klassenselektor, ID-Selektor, Pseudo-Klasse</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/20?rev=1775128134&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-02T11:08:54+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>LU00.A20: Fragen Fachgespräch - angelegt</title>
        <link>https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/20?rev=1775128134&amp;do=diff</link>
        <description>LU00.A20: Fragen Fachgespräch

1. Benötigtes Fachvokabular

	*  HTML-Kommentar-Start, HTML-Kommentar-Ende, CSS-Kommentar-Start, CSS-Kommentar-Ende
	*  HTML-Elemente/Tags, Property, Property-Wert
	*  Typselektor, Klassenselektor, ID-Selektor, Pseudo-Klasse</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/19?rev=1775128119&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-02T11:08:39+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>LU00.A19: Fragen Fachgespräch - angelegt</title>
        <link>https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/19?rev=1775128119&amp;do=diff</link>
        <description>LU00.A19: Fragen Fachgespräch

1. Benötigtes Fachvokabular

	*  HTML-Kommentar-Start, HTML-Kommentar-Ende, CSS-Kommentar-Start, CSS-Kommentar-Ende
	*  HTML-Elemente/Tags, Property, Property-Wert
	*  Typselektor, Klassenselektor, ID-Selektor, Pseudo-Klasse</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/18?rev=1775128101&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-02T11:08:21+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>LU00.A18: Fragen Fachgespräch - angelegt</title>
        <link>https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/18?rev=1775128101&amp;do=diff</link>
        <description>LU00.A18: Fragen Fachgespräch

1. Benötigtes Fachvokabular

	*  HTML-Kommentar-Start, HTML-Kommentar-Ende, CSS-Kommentar-Start, CSS-Kommentar-Ende
	*  HTML-Elemente/Tags, Property, Property-Wert
	*  Typselektor, Klassenselektor, ID-Selektor, Pseudo-Klasse</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/17?rev=1775128083&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-02T11:08:03+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>LU00.A17: Fragen Fachgespräch - angelegt</title>
        <link>https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/17?rev=1775128083&amp;do=diff</link>
        <description>LU00.A17: Fragen Fachgespräch

1. Benötigtes Fachvokabular

	*  HTML-Kommentar-Start, HTML-Kommentar-Ende, CSS-Kommentar-Start, CSS-Kommentar-Ende
	*  HTML-Elemente/Tags, Property, Property-Wert
	*  Typselektor, Klassenselektor, ID-Selektor, Pseudo-Klasse</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/16?rev=1775128067&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-02T11:07:47+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>LU00.A16: Fragen Fachgespräch - angelegt</title>
        <link>https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/16?rev=1775128067&amp;do=diff</link>
        <description>LU00.A16: Fragen Fachgespräch

1. Benötigtes Fachvokabular

	*  HTML-Kommentar-Start, HTML-Kommentar-Ende, CSS-Kommentar-Start, CSS-Kommentar-Ende
	*  HTML-Elemente/Tags, Property, Property-Wert
	*  Typselektor, Klassenselektor, ID-Selektor, Pseudo-Klasse</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/15?rev=1775128047&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-02T11:07:27+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>LU00.A15: Fragen Fachgespräch - angelegt</title>
        <link>https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/15?rev=1775128047&amp;do=diff</link>
        <description>LU00.A15: Fragen Fachgespräch

1. Benötigtes Fachvokabular

	*  HTML-Kommentar-Start, HTML-Kommentar-Ende, CSS-Kommentar-Start, CSS-Kommentar-Ende
	*  HTML-Elemente/Tags, Property, Property-Wert
	*  Typselektor, Klassenselektor, ID-Selektor, Pseudo-Klasse</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/14?rev=1775128035&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-02T11:07:15+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>LU00.A14: Fragen Fachgespräch - angelegt</title>
        <link>https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/14?rev=1775128035&amp;do=diff</link>
        <description>LU00.A14: Fragen Fachgespräch

1. Benötigtes Fachvokabular

	*  HTML-Kommentar-Start, HTML-Kommentar-Ende, CSS-Kommentar-Start, CSS-Kommentar-Ende
	*  HTML-Elemente/Tags, Property, Property-Wert
	*  Typselektor, Klassenselektor, ID-Selektor, Pseudo-Klasse</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/12?rev=1775128013&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-02T11:06:53+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>LU00.A12: Fragen Fachgespräch</title>
        <link>https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/12?rev=1775128013&amp;do=diff</link>
        <description>LU00.A12: Fragen Fachgespräch

1. Benötigtes Fachvokabular

	*  HTML-Kommentar-Start, HTML-Kommentar-Ende, CSS-Kommentar-Start, CSS-Kommentar-Ende
	*  HTML-Elemente/Tags, Property, Property-Wert
	*  Typselektor, Klassenselektor, ID-Selektor, Pseudo-Klasse</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/13?rev=1775127976&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-02T11:06:16+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>LU00.A13: Fragen Fachgespräch</title>
        <link>https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/13?rev=1775127976&amp;do=diff</link>
        <description>LU00.A13: Fragen Fachgespräch

1. Benötigtes Fachvokabular

	*  HTML-Kommentar-Start, HTML-Kommentar-Ende, CSS-Kommentar-Start, CSS-Kommentar-Ende
	*  HTML-Elemente/Tags, Property, Property-Wert
	*  Typselektor, Klassenselektor, ID-Selektor, Pseudo-Klasse</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/11?rev=1775127948&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-02T11:05:48+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>LU00.A11: Fragen Fachgespräch</title>
        <link>https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/aufgaben/11?rev=1775127948&amp;do=diff</link>
        <description>LU00.A11: Fragen Fachgespräch

1. Benötigtes Fachvokabular

	*  HTML-Kommentar-Start, HTML-Kommentar-Ende, CSS-Kommentar-Start, CSS-Kommentar-Ende
	*  HTML-Elemente/Tags, Property, Property-Wert
	*  Typselektor, Klassenselektor, ID-Selektor, Pseudo-Klasse</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/11?rev=1775127365&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-02T10:56:05+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>LU00k - LB01 V2 - Inhalt</title>
        <link>https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/11?rev=1775127365&amp;do=diff</link>
        <description>LU00k - LB01 V2 - Inhalt

Das Fachgespräch LB1 wird die nachfolgenden Themen vertieft behandeln:

	*  LU01: Verweise und URL-Aufbau
	*  LU02: CSS-Selektoren
	*  LU03: Box-Modell
	*  LU04: Displays

Zur Vorbereitung können Sie sich an den nachfolgenden Vorgaben bzw. Aufgabenstellungen orientieren. Jede/r Kandidat/in muss innerhalb der Zeitvorgabe je eine Aufgabe aus den nachfolgenden Kapiteln bearbeiten.</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/lb01?rev=1775126871&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-02T10:47:51+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>LU00d - LB01</title>
        <link>https://wiki.bzz.ch/de/modul/m287/learningunits/lu00/lb01?rev=1775126871&amp;do=diff</link>
        <description>LU00d - LB01

Rahmenbedingungen

	*  Dauer: 20 Minuten
	*  Benotung: Lineare Notenskala
	*  Sozialform: Einzelarbeit

Hilfsmittel

	*  Eigene Denkstütze (Cheatseheet) 1 Din A4 (Doppelte werden eingezogen)
	*  Beidseitig
	*  Ausdruck (digitale Erstellung möglich)</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/de/modul/m287/learningunits/lu04/aufgaben/flexbox2?rev=1775054101&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-01T14:35:01+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>LU04.A04 - Flexbox 2</title>
        <link>https://wiki.bzz.ch/de/modul/m287/learningunits/lu04/aufgaben/flexbox2?rev=1775054101&amp;do=diff</link>
        <description>LU04.A04 - Flexbox 2

Rahmenbedingungen
 Was  Beschreibung  Produkt:  HTML-Seite mit CSS Flexbox  Zeit:  40 Min.  Sozialform:  Einzel- oder Partnerarbeit  Arbeitsmittel:  Unterrichtsunterlagen, HTML-Editor, Browser 
Ausgangslage

Sie wissen, was eine Flexbox ist, und wie diese angewendet wird. Das nachfolgende Video geht etwas mehr in die Materie, gibt Ihnen also Einblick in die Möglichkeiten der Anwendungen der Flexbox.</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/?image=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben%3Acssflexboxtutorial_english.mp4&amp;ns=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben&amp;rev=1775051030&amp;tab_details=history&amp;media_do=diff&amp;do=media">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-01T13:43:50+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>cssflexboxtutorial_english.mp4 - angelegt</title>
        <link>https://wiki.bzz.ch/?image=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben%3Acssflexboxtutorial_english.mp4&amp;ns=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben&amp;rev=1775051030&amp;tab_details=history&amp;media_do=diff&amp;do=media</link>
        <description>&lt;img src=&quot;https://wiki.bzz.ch/lib/images/fileicons/svg/mp4.svg&quot; alt=&quot;cssflexboxtutorial_english.mp4&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;500&quot; /&gt;</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/?image=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben%3Acssflexboxtutorial_deutsch.mp4&amp;ns=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben&amp;rev=1775050910&amp;tab_details=history&amp;media_do=diff&amp;do=media">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-01T13:41:50+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>cssflexboxtutorial_deutsch.mp4 - gelöscht</title>
        <link>https://wiki.bzz.ch/?image=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben%3Acssflexboxtutorial_deutsch.mp4&amp;ns=de%3Amodul%3Am287%3Alearningunits%3Alu04%3Aaufgaben&amp;rev=1775050910&amp;tab_details=history&amp;media_do=diff&amp;do=media</link>
        <description>&lt;img src=&quot;https://wiki.bzz.ch/lib/images/fileicons/svg/mp4.svg&quot; alt=&quot;cssflexboxtutorial_deutsch.mp4&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;500&quot; /&gt;</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/de/modul/m287/learningunits/lu04/loesungen/flex?rev=1775044664&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-01T11:57:44+00:00</dc:date>
        <dc:creator>vdemir (vdemir@undisclosed.example.com)</dc:creator>
        <title>LU04.L02 - Flexbox - [Lösungen] </title>
        <link>https://wiki.bzz.ch/de/modul/m287/learningunits/lu04/loesungen/flex?rev=1775044664&amp;do=diff</link>
        <description>LU04.L02 - Flexbox

Aufgabenstellung

Gestalten Sie Ihr HTML-Dokument gemäss Vorgabe.

Lösungen

index.html


&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;title&gt;Title&lt;/title&gt;
        &lt;!-- CSS einbinden --&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;styles.css&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;logo&quot;&gt;Item 1&lt;/div&gt;
        &lt;div class=&quot;nav&quot;&gt;
            &lt;div class=&quot;nav-item&quot;&gt;Item 1&lt;/div&gt;
            &lt;div class=&quot;nav-item&quot;&gt;Item 2&lt;/div&gt;
            &lt;div cl…</description>
    </item>
</rdf:RDF>
