Wiki zum Unterricht

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Zuletzt angesehen:
neuerlehrplan:klasse10:markdownrefernz

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung		Vorhergehende Überarbeitung
neuerlehrplan:klasse10:markdownrefernz [2025/10/26 18:12] – lutzneuerlehrplan:klasse10:markdownrefernz [2025/10/26 19:19] (aktuell) – [15. Zitate, Blockreferenzen, Tags] lutz
Zeile 6: Zeile 6:
  
  
----- 
  
 ==== 1. Überschriften ==== ==== 1. Überschriften ====
 +
 +<code md>
 +# H1
 +## H2
 +### H3
 +#### H4
 +##### H5
 +###### H6
 +</code>
 +
 +
 +
 +
 +==== 2. Textformatierung ====
 +
 +<code md>
 +**Fett** → **Text**
 +*Kursiv* → *Text*
 +***Fett + Kursiv*** → ***Text***
 +~~Durchgestrichen~~ → ~~Text~~
 +==Hervorgehoben== → ==Text== (Obsidian-spezifisch)
 +^Hochgestellt^ → Text^hoch^
 +~Tiefgestellt~ → Text~tief~
 +</code>
 +
 +
 +
 +==== 3. Zitate ====
 +
 +<code md>
 +> Einfaches Zitat
 +>> Verschachteltes Zitat
 +</code>
 +
 +
 +==== 4. Listen ====
 +
 +=== Ungeordnete Liste ===
 +
 +<code language-md>
 +- Punkt
 +* Punkt
 ++ Punkt
 +</code>
 +
 +=== Geordnete Liste ===
 +
 +<code md>
 +1. Erster Punkt
 +2. Zweiter Punkt
 +3. Dritter Punkt
 +</code>
 +
 +=== Aufgabenliste ===
 +
 +<code md>
 +- [ ] Offen
 +- [x] Erledigt
 +</code>
 +
 +
 +==== 5. Code ====
 +
 +=== Inline-Code ===
 +
 +<code md>
 +`Code`
 +</code>
 +
 +=== Codeblock ===
 +
 +<code md>
 +```sprache
 +mehrzeiliger Code
 +```
 +</code>
 +
 +
 +==== 6. Links ====
 +
 +<code md>
 +[Linktext](https://example.com)
 +<https://example.com>
 +</code>
 +
 +=== Interne Links ===
 +
 +<code md>
 +[[Notizname]]
 +[[Notizname#Überschrift]]
 +[[Notizname#^Block-ID]]
 +</code>
 +
 +=== Aliase ===
 +
 +<code md>
 +[[Notizname|Angezeigter Text]]
 +</code>
 +
 +
 +==== 7. Bilder ====
 +
 +<code md>
 +![[bild.png]]          ← Obsidian intern
 +![Alt-Text](bild.png)  ← Standard-Markdown
 +</code>
 +
 +
 +==== 8. Tabellen ====
 +
 +<code md>
 +| Spalte 1 | Spalte 2 |
 +|-----------|-----------|
 +| Wert 1    | Wert 2    |
 +| Wert 3    | Wert 4    |
 +</code>
 +
 +
 +==== 9. Horizontale Linie ====
 +
 +<code md>
 +---
 +</code>
 +
 +
 +==== 10. Fußnoten ====
 +
 +<code md>
 +Text mit Fußnote[^1]
 +
 +[^1]: Fußnotentext
 +</code>
 +
 +
 +==== 11. Blockzitate & Callouts (Obsidian) ====
 +
 +<code md>
 +> [!note] Hinweis
 +> Dies ist ein Callout-Block.
 +
 +> [!tip] Tipp
 +> [!warning] Warnung
 +> [!quote] Zitat
 +> [!example] Beispiel
 +> [!info] Info
 +> [!bug] Fehler
 +> [!summary] Zusammenfassung
 +</code>
 +
 +
 +==== 12. Einrückung / Blockelemente ====
 +
 +<code md>
 +> Text eingerückt
 +</code>
 +
 +
 +==== 13. Trennzeichen & Absätze ====
 +
 +Leere Zeile zwischen Absätzen:
 +
 +<code md>
 +Absatz 1
 +
 +Absatz 2
 +</code>
 +
 +Zeilenumbruch (mit zwei Leerzeichen am Ende):
 +
 +<code md>
 +Zeile 1␣␣
 +Zeile 2
 +</code>
 +
 +
 +==== 14. Diagramme (nur mit Core-Feature "Mermaid") ====
 +
 +<code md>
 +```mermaid
 +graph TD
 +    A --> B
 +    B --> C
 +```
 +</code>
 +
 +
 +==== 15. Zitate, Blockreferenzen, Tags ====
 +
 +<code md>
 +#tag
 +[[Notiz]]
 +^block-id
 +</code>
 +
 +
 +==== 16. Inline-Kommentare (nicht gerendert) ====
 +
 +<code md>
 +%% Dies ist ein Kommentar %%
 +</code>
 +
 +
 +===== HTML-Befehle in Obsidian =====
 +
 +Diese Übersicht zeigt alle HTML-Tags und Attribute, die **Obsidian** in Markdown-Dateien **nativ erkennt und rendert**.\\
 +(Ohne zusätzliche Plugins oder benutzerdefiniertes CSS.)
 +
 +
 +==== 1. Grundstruktur ====
 +
 +> HTML kann direkt in Markdown eingefügt werden – ohne Codeblöcke.
 +
 +<code html>
 +<p>Ein Absatz mit <strong>fett</strong> und <em>kursiv</em>.</p>
 +</code>
 +
 +
 +==== 2. Textformatierung ====
 +
 +<code html>
 +<b>Fett</b>
 +<strong>Fett (semantisch)</strong>
 +<i>Kursiv</i>
 +<em>Kursiv (semantisch)</em>
 +<u>Unterstrichen</u>
 +<s>Durchgestrichen</s>
 +<mark>Markiert</mark>
 +<sup>Hochgestellt</sup>
 +<sub>Tiefgestellt</sub>
 +<small>Kleiner Text</small>
 +<pre>Vorformatierter Text</pre>
 +<kbd>Tasteneingabe</kbd>
 +</code>
 +
 +
 +==== 3. Absätze, Zeilen und Abstände ====
 +
 +<code html>
 +<p>Dies ist ein Absatz.</p>
 +<br>   <!-- Zeilenumbruch -->
 +<hr>   <!-- Horizontale Linie -->
 +</code>
 +
 +
 +==== 4. Listen ====
 +
 +<code html>
 +<ul>
 +  <li>Ungeordnete Liste</li>
 +  <li>Zweiter Punkt</li>
 +</ul>
 +
 +<ol>
 +  <li>Geordnete Liste</li>
 +  <li>Zweiter Punkt</li>
 +</ol>
 +
 +<dl>
 +  <dt>Begriff</dt>
 +  <dd>Definition</dd>
 +</dl>
 +</code>
 +
 +
 +==== 5. Links und Anker ====
 +
 +<code html>
 +<a href="https://example.com">Externer Link</a>
 +<a href="#abschnitt">Interner Anker</a>
 +</code>
 +
 +==== 6. Bilder ====
 +
 +<code html>
 +<img src="bild.png" alt="Alternativtext" width="300">
 +</code>
 +
 +> Tipp: Für interne Bilder in Obsidian ist ''%%![[bild.png]]%%'' meist besser geeignet.
 +
 +
 +
 +
 +==== 7. Tabellen ====
 +
 +<code html>
 +<table>
 +  <thead>
 +    <tr><th>Spalte 1</th><th>Spalte 2</th></tr>
 +  </thead>
 +  <tbody>
 +    <tr><td>Inhalt A</td><td>Inhalt B</td></tr>
 +  </tbody>
 +</table>
 +</code>
 +
 +
 +
 +
 +==== 8. Zitate und Blöcke ====
 +
 +<code html>
 +<blockquote>
 +  Dies ist ein HTML-Zitatblock.
 +</blockquote>
 +
 +<div>Ein Container-DIV (funktioniert für einfache Layouts).</div>
 +
 +<span>Inline-Container für Text.</span>
 +</code>
 +
 +
 +
 +
 +==== 9. Inline-Styling (eingeschränkt) ====
 +
 +> Obsidian erlaubt **kein globales oder eingebettetes CSS**, aber Inline-Styles funktionieren **teilweise**, z. B.:
 +
 +<code html>
 +<span style="color:red;">Roter Text</span>
 +<div style="text-align:center;">Zentriert</div>
 +</code>
 +
 +> Nicht alle CSS-Eigenschaften werden gerendert – abhängig vom Obsidian-Thema.
 +
 +
 +
 +
 +==== 10. Details & Zusammenklappen ====
 +
 +<code html>
 +<details>
 +  <summary>Klick mich</summary>
 +  <p>Dies ist ein ausklappbarer Bereich.</p>
 +</details>
 +</code>
 +
 +
 +
 +
 +==== 11. Audio & Video (eingeschränkt) ====
 +
 +<code html>
 +<audio controls src="audio.mp3"></audio>
 +<video controls width="320" src="video.mp4"></video>
 +</code>
 +
 +> Funktioniert nur, wenn die Medien lokal vorhanden sind.\\
 +> YouTube-Embeds (''%%<iframe>%%'') werden **nicht** unterstützt (geblockt aus Sicherheitsgründen).
 +
 +
 +
 +
 +==== 12. Nicht unterstützte / blockierte Elemente ====
 +
 +Diese werden **nicht gerendert**:
 +
 +<code html>
 +<script>...</script>
 +<iframe>...</iframe>
 +<object>...</object>
 +<embed>...</embed>
 +<style>...</style>
 +<link>...</link>
 +</code>
 +
 +
 +
 +
 +==== 13. Kommentare ====
 +
 +<code html>
 +<!-- Dies ist ein HTML-Kommentar -->
 +</code>
 +
 +
 +
 +
 +===== LaTeX-Kurzreferenz für Obsidian (MathJax) =====
 +
 +Diese Übersicht zeigt alle **mathematischen LaTeX-Befehle**, die **Obsidian** innerhalb von\\
 +''%%$ ... $%%'' (inline) oder ''%%$$ ... $$%%'' (Blockformel) **nativ rendert**.
 +
 +
 +
 +
 +==== 1. Grundlegende Syntax ====
 +
 +<code md>
 +Inline: $E = mc^2$
 +Block:
 +$$
 +E = mc^2
 +$$
 +</code>
 +
 +
 +
 +
 +==== 2. Griechische Buchstaben ====
 +
 +^Kleinbuchstaben        ^Großbuchstaben      ^
 +|''%%\alpha%%'' → α     |''%%\Alpha%%'' → A  |
 +|''%%\beta%%'' → β      |''%%B%%'' → B       |
 +|''%%\gamma%%'' → γ     |''%%\Gamma%%'' → Γ  |
 +|''%%\delta%%'' → δ     |''%%\Delta%%'' → Δ  |
 +|''%%\epsilon%%'' → ε   |''%%E%%'' → E       |
 +|''%%\varepsilon%%'' → ϵ|''%%\Theta%%'' → Θ  |
 +|''%%\zeta%%'' → ζ      |''%%Z%%'' → Z       |
 +|''%%\eta%%'' → η       |''%%H%%'' → H       |
 +|''%%\theta%%'' → θ     |''%%\Theta%%'' → Θ  |
 +|''%%\vartheta%%'' → ϑ  |                    |
 +|''%%\iota%%'' → ι      |''%%I%%'' → I       |
 +|''%%\kappa%%'' → κ     |''%%K%%'' → K       |
 +|''%%\lambda%%'' → λ    |''%%\Lambda%%'' → Λ |
 +|''%%\mu%%'' → μ        |''%%M%%'' → M       |
 +|''%%\nu%%'' → ν        |''%%N%%'' → N       |
 +|''%%\xi%%'' → ξ        |''%%\Xi%%'' → Ξ     |
 +|''%%\pi%%'' → π        |''%%\Pi%%'' → Π     |
 +|''%%\varpi%%'' → ϖ     |                    |
 +|''%%\rho%%'' → ρ       |                    |
 +|''%%\varrho%%'' → ϱ    |                    |
 +|''%%\sigma%%'' → σ     |''%%\Sigma%%'' → Σ  |
 +|''%%\varsigma%%'' → ς  |                    |
 +|''%%\tau%%'' → τ       |                    |
 +|''%%\upsilon%%'' → υ   |''%%\Upsilon%%'' → Υ|
 +|''%%\phi%%'' → φ       |''%%\Phi%%'' → Φ    |
 +|''%%\varphi%%'' → ϕ    |                    |
 +|''%%\chi%%'' → χ       |                    |
 +|''%%\psi%%'' → ψ       |''%%\Psi%%'' → Ψ    |
 +|''%%\omega%%'' → ω     |''%%\Omega%%'' → Ω  |
 +
 +
 +
 +
 +==== 3. Operatoren und Symbole ====
 +
 +=== Grundrechenarten ===
 +
 +<code language-latex>
 ++ - \times \div \pm \mp
 +</code>
 +
 +=== Vergleichssymbole ===
 +
 +<code language-latex>
 += \ne \approx \sim \propto < > \le \ge
 +</code>
 +
 +=== Mengen & Logik ===
 +
 +<code language-latex>
 +\in \notin \subset \subseteq \supset \supseteq \cap \cup \emptyset
 +\forall \exists \nexists \neg \land \lor
 +</code>
 +
 +=== Sonstige Symbole ===
 +
 +<code language-latex>
 +\infty \nabla \partial \therefore \because \angle \perp \parallel
 +</code>
 +
 +
 +
 +
 +==== 4. Brüche, Wurzeln, Potenzen ====
 +
 +<code language-latex>
 +\frac{a}{b}      →  a/b
 +\sqrt{x}         →  √x
 +\sqrt[n]{x}      →  n-te Wurzel
 +a^b              →  a hoch b
 +a_b              →  Index (unten)
 +</code>
 +
 +Beispiel:
 +
 +<code language-latex>
 +$$
 +x_i = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
 +$$
 +</code>
 +
 +
 +
 +
 +==== 5. Summen, Produkte, Integrale ====
 +
 +<code language-latex>
 +\sum_{i=1}^{n} i
 +\prod_{i=1}^{n} x_i
 +\int_0^\infty e^{-x} dx
 +\oint_C f(z) \, dz
 +\lim_{x \to 0} f(x)
 +</code>
 +
 +
 +
 +
 +==== 6. Pfeile und Vektoren ====
 +
 +<code language-latex>
 +\rightarrow \leftarrow \leftrightarrow
 +\Rightarrow \Leftarrow \Leftrightarrow
 +\mapsto \longrightarrow \uparrow \downarrow
 +\vec{v} \overrightarrow{AB} \hat{n}
 +</code>
 +
 +
 +
 +
 +==== 7. Klammern und Gruppierung ====
 +
 +<code language-latex>
 +(a), [a], \{a\}, |a|, \langle a \rangle
 +\left( \frac{a}{b} \right)
 +</code>
 +
 +> Tipp: ''%%\left%%'' und ''%%\right%%'' passen die Klammergröße automatisch an.
 +
 +
 +
 +
 +==== 8. Matrizen und Arrays ====
 +
 +<code language-latex>
 +\begin{matrix} a & b \\ c & d \end{matrix}
 +\begin{pmatrix} a & b \\ c & d \end{pmatrix}
 +\begin{bmatrix} a & b \\ c & d \end{bmatrix}
 +\begin{Bmatrix} a & b \\ c & d \end{Bmatrix}
 +\begin{vmatrix} a & b \\ c & d \end{vmatrix}
 +</code>
 +
 +
 +
 +
 +==== 9. Text in Formeln ====
 +
 +<code language-latex>
 +\text{Text innerhalb der Formel}
 +</code>
 +
 +Beispiel:
 +
 +<code language-latex>
 +f(x) = 
 +\begin{cases}
 +1 & \text{wenn } x > 0 \\
 +0 & \text{sonst}
 +\end{cases}
 +</code>
 +
 +
 +
 +
 +==== 10. Akzente ====
 +
 +<code language-latex>
 +\hat{x} \bar{x} \tilde{x} \dot{x} \ddot{x} \vec{x}
 +</code>
 +
 +
 +
 +
 +==== 11. Ausrichtung und Mehrzeilige Gleichungen ====
 +
 +<code language-latex>
 +\begin{align}
 +a &= b + c \\
 +d &= e + f
 +\end{align}
 +</code>
 +
 +> In Obsidian funktionieren ''%%align%%'' und ''%%cases%%'' **innerhalb von ''%%$$ ... $$%%''**.
 +
 +
 +
 +
 +==== 12. Textstil und Formatierung ====
 +
 +<code language-latex>
 +\mathbf{A} \mathit{A} \mathrm{A} \mathbb{A} \mathcal{A}
 +</code>
 +
 +
 +
 +
 +==== 13. Funktionen und Konstanten ====
 +
 +<code language-latex>
 +\sin \cos \tan \log \ln \exp \max \min
 +</code>
 +
 +
 +
 +
 +==== 14. Spezialfunktionen und Symbole ====
 +
 +<code language-latex>
 +\Re \Im \arg \det \dim \gcd
 +\nabla \partial \infty
 +</code>
 +
 +
 +
 +
 +==== 15. Leerzeichen und Operatorabstände ====
 +
 +<code language-latex>
 +\, \; \quad \qquad
 +\!   (negativer Abstand)
 +</code>
 +
 +
 +
 +
 +==== 16. Beispiel – Komplexe Formel ====
 +
 +<code language-latex>
 +$$
 +f(x) = \int_0^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
 +$$
 +</code>
 +
 +
 +
 +
 +**Hinweis:**\\
 +Obsidian nutzt **MathJax v3**, d. h. fast alle Standard-LaTeX-Mathematikbefehle funktionieren –\\
 +ausgenommen sind TikZ, PSTricks und Makrodefinitionen (''%%\newcommand%%'').
neuerlehrplan/klasse10/markdownrefernz.1761498768.txt.gz · Zuletzt geändert: von lutz