Aktivitäten: Markdownbeispiele

API-Tag und Sprache

ellipse

Bilder und Links

![wolke](cloud.svg)

[developer.mozilla.org](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary)

developer.mozilla.org

best practice mit details und summary

Mehrere Absätze

mehrere p-Tags benutzen, evtl. kombinieren mit ol/ul-Tags. Schluss-Tag detail NICHT auf neue Zeile!

<details> <summary>Lösung</summary> 
    <p>Machen Sie es so </p>
    <p>Ersetzen Sie den letzten Befehl im Schleifenkörper mit folgendem Zweizeiler: </p>
    <ul><li>`rotation = randrange(60)`</li><li>`reihe = beside(reihe, rotate(rotation, stern))`</li></ul></details>

details für Grafik verstecken

<details> <summary>Grafik anzeigen</summary> ![wolke](cloud.svg) </details>

Grafik anzeigen

details mit p für GrafikEN verstecken

<details>
  <summary>Grafiken anzeigen</summary>
    <p>![wolke](cloud.svg)</p>
    <p>![wolke](cloud.svg)</p>
</details>

details with ol

<details>
  <summary>Tipps wie anfangen?</summary>
  <ol>
    <li>Funktionsköpfe der gesuchten Funktionen verfassen.</li>
    <li>Jede Funktion eine temporäre Pseudo-Ausgabe machen lassen (``return 1+2``, ``return triangle(...)``).</li>
    <li>Jede Funktion einzeln aufrufen.</li>
    <li>Erst wenn das funktioniert, 'richtigen' Code erstellen.</li>
  </ol>
</details>

best practice für font styles

<ul>
    <li>This **word** should be bold.</li>
    <li>This *word* should be italic.</li>
    <li>This ***word*** should be bold and italic.</li>
</ul>

• This word should be bold.
• This word should be italic.
• This word should be bold and italic.

__Additional Info

details summary

Quelle: developer.mozilla.org (2024-03-19)

details open with h4 and ol

<details open>
  <summary><h4>Overview</h4></summary>
  <ol>
    <li>Cash on hand: $500.00</li>
    <li>Current invoice: $75.30</li>
    <li>Due date: 5/6/19</li>
  </ol>
</details>

details with h4 and ol

<details>
  <summary><h4>Overview</h4></summary>
  <ol>
    <li>Cash on hand: $500.00</li>
    <li>Current invoice: $75.30</li>
    <li>Due date: 5/6/19</li>
  </ol>
</details>

details with ol

<details>
  <summary>Overview</summary>
  <ol>
    <li>Cash on hand: $500.00</li>
    <li>Current invoice: $75.30</li>
    <li>Due date: 5/6/19</li>
  </ol>
</details>

details

<details>
  <summary>Overview</summary>
    Cash on hand: $500.00

    Current invoice: $75.30
    
    Due date: 5/6/19
</details>

runtime error

Font styles

<ul>
    <li>This **word** should be bold. This __word__ should be bold.</li>
    <li>This *word* should be italic. This _word_ should be italic.</li>
    <li>This ***word*** should be bold and italic. This ___word___ should be bold and italic.</li>
</ul>

• This word should be bold. This word should be bold.
• This word should be italic. This word should be italic.
• This word should be bold and italic. This word should be bold and italic.

Numbered lists

Beginnt bei der ersten Zahl zu zählen, ungeachtet der folgenden Zahlen?

3. erstes
3. zweites
2. drittes
8. viertes

3. erstes
4. zweites
5. drittes
6. viertes