Test reference 1
Popis reference 1.
grid-auto-flow: column;
Tato stránka obsahuje všechny možné komponenty z příručky pro testování transformací markdownu do HTML.
1. Základní markdown elementy
Nadpisy
H1 nadpis
H2 nadpis
H3 nadpis
H4 nadpis
H5 nadpis
H6 nadpis
Odkazy
Obrázky
Markdown syntax:
HTML syntax:
Seznamy
Neuspořádaný seznam:
- První položka
- Druhá položka
- Vnořená položka
- Další vnořená položka
- Třetí položka
Uspořádaný seznam:
- První položka
- Druhá položka
- Třetí položka
Tabulky (markdown syntax)
| Sloupec 1 | Sloupec 2 | Sloupec 3 |
|---|---|---|
| Buňka 1 | Buňka 2 | Buňka 3 |
| Buňka 4 | Buňka 5 | Buňka 6 |
2. HTML komponenty s markdown=“1”
web-only
ebook-only
connected box
Toto je obsah v connected boxu, který se zobrazí jen na webu.
pbi-avoid (pro print)
Tento obsah má třídu pbi-avoid, která zabraňuje zlomení stránky při tisku.
Nadpis v pbi-avoid
Text pod nadpisem.
Tabulka s markdown=“1”
| Vlastnost | Hodnota | Popis |
|---|---|---|
display | grid | Nastaví grid formatting context |
grid-template-columns | 1fr 1fr | Definuje sloupce mřížky |
grid-template-rows | 1fr 1fr | Definuje řádky mřížky |
figcaption s markdown=“1”
Toto je popisek obrázku s markdown="1" atributem. Může obsahovat odkazy a tučný text.
related box
Související
f-6 (velikost písma)
Tento text má třídu f-6, která nastavuje velikost písma.
- První položka
- Druhá položka
3. Speciální komponenty
book-index
Tento div slouží pro generování indexu v e-booku.
reference-items
Test reference 2
Popis reference 2.
display: flex;
figure s figcaption
Toto je popisek obrázku s markdown="1" atributem.
AdSnippet komentář
Tento komentář by měl být nahrazen HTML snippetem podle kategorie článku.
4. Složité případy
Vnořené markdown=“1” elementy
Toto je web-only obsah.
A toto je vnořený obsah s další třídou.
- První položka
- Druhá položka
Kombinace více tříd s markdown=“1”
Tento element má více tříd: pbi-avoid a f-6.
- První položka
- Druhá položka
Tabulka v markdown=“1” elementu
Toto je tabulka uvnitř markdown=“1” elementu:
| Sloupec A | Sloupec B |
|---|---|
| Hodnota 1 | Hodnota 2 |
| Hodnota 3 | Hodnota 4 |
Obrázek v markdown=“1” elementu
Text pod obrázkem.
Edge case: Prázdný element s markdown=“1”
Edge case: Element s jen textem
Jen text bez dalšího formátování.
Edge case: Element s jen HTML (bez markdown)
Toto je HTML obsah bez markdown="1" atributu.
Kombinace všeho
Toto je web-only obsah v connected boxu.
| Tabulka | V boxu |
|---|---|
| Buňka 1 | Buňka 2 |
5. Kódové bloky
Inline kód
Použijte display: grid pro vytvoření grid layoutu.
Kódový blok
.container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
}
<div class="container">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
</div>
6. Citace
Toto je citace.
Může obsahovat více řádků.
7. Horizontální čára
8. Závěrečné poznámky
Tato stránka slouží k testování všech transformací markdownu do HTML. Měla by obsahovat všechny možné komponenty a edge cases, které se v příručce používají.