Aufgaben

Die folgenden Beispiele demonstrieren Styles, die für Aufgabenstellungen verwendet werden können:

Überschriften für Aufgaben

<h3 class="aufgabe">Überschrift 3 (Übungsaufgabe)</h3>

Überschrift 3 (Übungsaufgabe)

Aufgaben ohne Teilaufgaben

<div class="aufgabenstellung">
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, 
    sed diam nonumy eirmod tempor invidunt ut labore et dolore
    magna aliquyam erat, sed diam voluptua. 
</div>

Aufgaben mit Teilaufgaben

<div class="aufgabenstellung">
    <ol>
        <li>
            Hier steht die erste Teilaufgabe. 
            Die Nummerierung mit Buchstaben wird automatisch ergänzt.
            Falls der Text einer Teilaufgabe nicht in eine Zeile passt,
            werden folgende Zeilen automatisch eingerückt.
        </li>
        <li>
            Hier steht die zweite Teilaufgabe.
        </li>
    </ol>
</div>    

Aufgaben mit Teilaufgaben und unterbrochenen Boxen:

<div class="aufgabenstellung"><ol><li>
    Hier steht die erste Teilaufgabe. 
    Nach der ersten Teilaufgabe folgt ein Box mit Quellcode:
</li></ol></div>

<pre class="quelltext"><code class="python">
    print("Hello World!"")
</code></pre>

<div class="aufgabenstellung">
    <ol start="2">
        <li>
            Um dem Browser zu zeigen, dass dies der 
            zweite Eintrage einer geordneten Liste (ol) ist,
            verwendet man bei das Attribut <code>start="2"</code> 
            bei dem öffnenden Tag ol.
        </li>
        <li>
            Noch eine Teilaufgabe.
        </li>
    </ol>
</div>

    print("Hello World!"")

Schnelle Eingabekontrolle

Mit dem interaktiven Element Kontrolle Eingabe ist eine schnelle Eingabekontrolle möglich, hier kann also direkt Feedback zur Benutzereingabe erfolgen.