AsciiDoc Demo Page

Dieses Dokument demonstriert alle wichtigen Funktionen von AsciiDoctor mit gwern Layout, organisiert nach Themenbereichen.

Im Dokumentkopf kann ein [abstract] Block verwendet werden, um eine Zusammenfassung der Seite zu geben. Im abstract des Dokumentkopfes wird automatisch das Standardbild der Seite angehängt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Die erste Zeile der Präambel im Dokumentkopf wird automatisch in smallcaps formatiert. Sieht nett aus, wirkt aber auch allenfalls etwas antiquiert. Die Präambel ist der Teil im Dokument der vor der ersten Überschrift steht.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

1. Dokumentstruktur

Auch in einem normalen Abschnitt kann ein [abstract] Block verwendet werden, um eine Zusammenfassung der Seite zu geben. Anders als im Dokumentkopf wird hier kein Standardbild angehängt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Dies ist eine Randbemerkung. Sie ist im linken Rand, rechtsbündig und in kursiv gesetzt. Wenn ein Abschnitt einen [abstract] Block hat, wird die erste Zeile ebenfalls mit smallcaps gelayoutet. Das ist nicht der Fall wenn kein [abstract] Block vorhanden ist.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Eine weiter Randbemerkung. Sie sollten kurz gehalten werden. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

1.1. Abschnittsformatierung

Während der erste Absatz eines Abschnitts ganz links ausgerichtet ist, werden die folgenden Absätze mit einem Einzug links gesetzt. Dies ist auch dann der Fall, wenn die Absätze sehr kurz sind.

So wie hier.

Oder hier.

Was dann etwas unerwartet sein kann. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

1.2. Abschnittsnummerierung

Abschnitte werden automatisch nummeriert wenn :sectnums: aktiviert ist. Die Abschnittsnummerierung kann mit :!sectnums: im Dokument laufend deaktiviert und wieder aktiviert werden, um z.B. gewisse Abschnitte nicht nummeriert zu lassen (siehe Beispiel unter Ziffer 3. Listen).

1.3. Inhaltsverzeichnis

Das Inhaltsverzeichnis wird automatisch generiert wenn :toc: aktiviert ist. Die tiefe des Inhaltsverzeichnisses kann mit :toclevels: im Dokument laufend festgelegt werden, um z.B. nur die obersten Abschnitte im Inhaltsverzeichnis zu zeigen (in diesem Dokument werden nur die obersten Abschnitte im Inhaltsverzeichnis angezeigt).

2. Textformatierung

2.1. Inline Formatierung

  • Fett, Kursiv, Fett und kursiv

  • Durchgestrichen

  • Unterstrichen

  • Kapitälchen, fette Kapitälchen

  • Superscript: x2 + x + 2, Subscript: H2O

  • • Interpunkt-Trennung. • Interpunkt-Trennung. •

  • Fix Font (für Code, Befehle oder technische Begriffe)

  • Fix Font Fett, Fix Font Kursiv, Fix Font Fett und Kursiv

2.2. Zahlen

  • Minuskelziffern: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9

  • 1966 war ein gutes Jahr

3. Listen

Ungeordnete Listen

  • First item

  • Second item

    • Nested item

    • Another nested item

      • Deeply nested item

  • Third item

Nummerierte Listen

  1. First numbered item

  2. Second numbered item

    1. Nested numbered item

      1. Yet another nested numbered item

      2. Another nested item

    2. Another nested item

  3. Third numbered item

Mixed Content Lists

  1. First item with bold and italic text

  2. Second item with code and a link AsciiDoctor

  3. Third long item with a footnote1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  4. Fourth item

Checkliste

  • ✓ Completed task

  • ✓ Another completed task

  • ❏ Incomplete task

  • ❏ Another incomplete task

5. Bilder

5.1. Standard (schmales Bild)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Sunset

Sunset

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

5.2. Standard (breites Bild)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Maldives

Maldives

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

5.3. Volle Inhaltsbreite

Abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc Mit width-content kann ein Bild6 auf die Breite des Inhalts gestreckt werden. Der Inhalt entspricht dem Text sowie linke und rechte Randbemerkungen wenn diese vorhanden sind.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Malediven Panorama

Malediven Panorama

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

5.4. Volle Seitenbreite

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Malediven Panorama

Malediven Panorama

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

5.5. Halbe Seitenbreite (width-semi)

Mit width-semi kann ein Bild auf die halbe Breite der linken Randbemerkung bis zur halben Breite der rechten Randbemerkung gestreckt werden. Dies ist eine Zwischenstufe zwischen normaler Breite und width-content.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Malediven Panorama

Malediven Panorama

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

5.6. Bild mit Dimensionierung

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

5.7. SVG

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

SVG mit expliziten Dimensionen

SVG mit expliziten Dimensionen

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

5.8. Float Left / Right

Links floatender Sonnenuntergang

Links floatender Sonnenuntergang

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Rechts floatender Sonnenuntergang

Rechts floatender Sonnenuntergang

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

6. iFrames

iFrames können verwendet werden, um externe Inhalte einzubetten. Die Syntax ist ähnlich wie bei Links.

6.1. Einfaches iFrame (width-content)

Margin note Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

6.2. iFrame mit width-semi

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

6.3. iFrame mit Titel (width-full)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Blivio Prozess 2.6 - Auswahlverfahren und Beschaffung

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

7. Block Quotes

7.1. Einfache Blockquote

The only way to do great work is to love what you do.

7.2. Blockquotes mit formatiertem Inhalt

Auch Randbemerkungen funktionieren innerhalb von Blockquotes! What’s new?

I’ve got Markdown in my AsciiDoc!

Like what?

  • Blockquotes

  • Headings

  • Fenced code blocks

Is there more?

Yep. AsciiDoc and Markdown share a lot of common syntax already.

7.3. Geschachtelte Blockquotes

Allerdings funktionieren damit Randbemerkungen nicht. Blockquotes können auch geschachtelt werden mit der Markdown >-Schreibweise.

With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.

With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.

With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.

With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.

With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.

With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.

7.4. "Floated" Blockquotes

Blockquotes können im Fliesstext "floated" werden, d.h. innerhalb des Textes links oder rechts positioniert werden.

With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear?

Waltz, nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to vex dwarf. Jackdaws love my big sphinx of quartz. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Quick zephyrs blow, vexing daft Jim. Two driven jocks help fax my big quiz. The jay, pig, fox, zebra and my wolves quack! Sympathizing would fix Quacker objectives. A wizard’s job is to vex chumps quickly in fog. Watch Jeopardy!, Alex Trebek’s fun TV quiz game.

With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear?

By Jove, my quick study of lexicography won a prize! Waxy and quivering, jocks fumble the pizza. Fetching killjoy Mavis Wax was probed on the quay. “Yo, never mix Zoloft with Quik”, gabs Doc Jasper. One zany quaff is vodka mixed with grape juice and blood. Zitty Vicki smugly quipped in her journal, “Fay waxes her butt.” Hot Wendy gave me quasi-Kreutzfeld-Jacob pox. Jack’s pervy moxie quashed Bob’s new Liszt fugue. I backed Zevy’s qualms over Janet’s wig of phlox. Tipsy Bangkok panjandrums fix elections with quivering zeal.

7.5. Epigraphen

Einfacher Epigraph durch Anführungszeichen und Attribution:

I hold it that a little rebellion now and then is a good thing, and as necessary in the political world as storms in the physical.

— Thomas Jefferson, Papers of Thomas Jefferson: Volume 11

Expliziter Epigraph mit einfacher Attribution im Titel:

I hold it that a little rebellion now and then is a good thing, and as necessary in the political world as storms in the physical.

— Thomas Jefferson, Papers of Thomas Jefferson: Volume 11

Expliziter Epigraph mit Attribution via eigener Abschnitt, kann komplexe Formatierungen enthalten:

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Cicero (§1.10.32 of De finibus bonorum et malorum, 45 BC)

The possibilities of developing an atomic weapon and the desirability of doing it secretly were discussed at a Princeton University conference in which I participated in March 193986yaBohr said this rare variety could not be separated from common uranium except by turning the country into a gigantic factory. Bohr was worried that this could be done and that an atomic bomb could be developed—but he hoped that neither could be accomplished. Years later, when Bohr came to Los Alamos, I was prepared to say, “You see . . .” But before I could open my mouth, he said: “You see, I told you it couldn’t be done without turning the whole country into a factory. You have done just that.”

Edward Teller7

Auch Epigraphen können im Fliesstext "floated" werden, d.h. innerhalb des Textes links oder rechts positioniert werden.

I hold it that a little rebellion now and then is a good thing, and as necessary in the political world as storms in the physical.

— Thomas Jefferson, Papers of Thomas Jefferson: Volume 11

Waltz, nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to vex dwarf. Jackdaws love my big sphinx of quartz. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Quick zephyrs blow, vexing daft Jim. Two driven jocks help fax my big quiz. The jay, pig, fox, zebra and my wolves quack! Sympathizing would fix Quacker objectives. A wizard’s job is to vex chumps quickly in fog. Watch Jeopardy!, Alex Trebek’s fun TV quiz game.

I hold it that a little rebellion now and then is a good thing, and as necessary in the political world as storms in the physical.

— Thomas Jefferson, Papers of Thomas Jefferson: Volume 11

By Jove, my quick study of lexicography won a prize! Waxy and quivering, jocks fumble the pizza. Fetching killjoy Mavis Wax was probed on the quay. “Yo, never mix Zoloft with Quik”, gabs Doc Jasper. One zany quaff is vodka mixed with grape juice and blood. Zitty Vicki smugly quipped in her journal, “Fay waxes her butt.” Hot Wendy gave me quasi-Kreutzfeld-Jacob pox. Jack’s pervy moxie quashed Bob’s new Liszt fugue. I backed Zevy’s qualms over Janet’s wig of phlox. Tipsy Bangkok panjandrums fix elections with quivering zeal.

7.6. Verse

The fog comes
on little cat feet.

It sits looking
over harbor and city
on silent haunches
and then moves on.

The fog comes
on little cat feet.

It sits looking
over harbor and city
on silent haunches
and then moves on.

— Carl Sandburg, Fog

Auch Verse können im Fliesstext "floated" werden, d.h. innerhalb des Textes links oder rechts positioniert werden.

The fog comes
on little cat feet.

It sits looking
over harbor and city
on silent haunches
and then moves on.

Waltz, nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to vex dwarf. Jackdaws love my big sphinx of quartz. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Quick zephyrs blow, vexing daft Jim. Two driven jocks help fax my big quiz. The jay, pig, fox, zebra and my wolves quack! Sympathizing would fix Quacker objectives. A wizard’s job is to vex chumps quickly in fog. Watch Jeopardy!, Alex Trebek’s fun TV quiz game.

The fog comes
on little cat feet.

It sits looking
over harbor and city
on silent haunches
and then moves on.

By Jove, my quick study of lexicography won a prize! Waxy and quivering, jocks fumble the pizza. Fetching killjoy Mavis Wax was probed on the quay. “Yo, never mix Zoloft with Quik”, gabs Doc Jasper. One zany quaff is vodka mixed with grape juice and blood. Zitty Vicki smugly quipped in her journal, “Fay waxes her butt.” Hot Wendy gave me quasi-Kreutzfeld-Jacob pox. Jack’s pervy moxie quashed Bob’s new Liszt fugue. I backed Zevy’s qualms over Janet’s wig of phlox. Tipsy Bangkok panjandrums fix elections with quivering zeal.

8. Tabellen

8.1. Unterstützte Features

8.1.1. Basic table

A

B

C

1

2

3

8.1.2. Inline and AsciiDoc formatted headers and cells

Normal

Header with bold

Header with italic

AsciiDoc

Literal

Plain text

Cell with bold text

Cell with italic and code

AsciiDoc cell with:

  • list item 1

  • list item 2

This is literal text
with preserved whitespace

8.1.3. Cell Types with Horizontal Alignment

Table demonstrating all cell types combined with horizontal alignment options.

Cell Type

No align

Left

Center

Right

Default

Default text

Left aligned

Center aligned

Right aligned

Header

Header text

Left header

Center header

Right header

Emphasis

Emphasized text

Left emphasis

Center emphasis

Right emphasis

Strong

Strong text

Left strong

Center strong

Right strong

Monospace

Monospace text

Left monospace

Center monospace

Right monospace

Literal

Literal text
Left literal
Center literal
Right literal

AsciiDoc

AsciiDoc text

Left AsciiDoc

Center AsciiDoc

Right AsciiDoc

8.1.4. colspan and rowspan.

A

B

C

Spans 2 cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols cols

Single

Spans 2 rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows rows

D

E

F

G

8.1.5. colspan and rowspan in header row.

Verfahren

Vor-, Nachteile und Eignung der Verfahren

Vorteile

Nachteile

geeignet wenn:

offenes Verfahren

  • wirksamer Wettbewerb kommt uneingeschränkt zum Tragen

  • Durchführung weniger aufwendig als selektives Verfahren

  • Aufwand für die Vergabe bei einer grossen Anzahl eingereichter Angebote

  • bei grosser Zahl Anbietenden volkswirtschaftlich ungünstig

  • die Auftraggeberin für einen umfassenden Vergleich möglichst viele Angebote einholen will.

Note: Cells with colspan get their width calculated as the sum of all spanned columns (e.g., 3+ spanning 3 × 25% columns = 75%). All cells in all rows receive width attributes, ensuring consistent column sizing even with complex rowspan/colspan patterns.

8.1.6. Autowidth tables.

Tables with %autowidth fit to their content. No percentage widths are applied to cells.

Verfahren

Vor-, Nachteile und Eignung der Verfahren

Vorteile

Nachteile

geeignet wenn:

offenes Verfahren

  • wirksamer Wettbewerb kommt uneingeschränkt zum Tragen

  • Durchführung weniger aufwendig als selektives Verfahren

  • Aufwand für die Vergabe bei einer grossen Anzahl eingereichter Angebote

  • bei grosser Zahl Anbietenden volkswirtschaftlich ungünstig

  • die Auftraggeberin für einen umfassenden Vergleich möglichst viele Angebote einholen will.

8.1.7. Caption, roles, column alignments.

Table 1. Smol Table.8

Left-Bottom

Center-Center

Right-Top

Large Text

Left aligned, bottom

Center aligned, center

Right aligned, top

1
2
3
4
5
6
7
8
9

This is a table with a cell alignment override.

Left-Bottom

Center-Center

Right-Top

Large Text

Override to left-top

Inherits column alignment

Override to right-bottom

This is a large piece of text that spans multiple lines to demonstrate that vertical alignment actually works. When the text is tall enough, you can see how the other cells align vertically within the row.

This table only has cell alignment.

Left-Bottom

Center-Center

Right-Top

Large Text

Override to right-center

Standard alignment left-top

Override to right-bottom

This is a large piece of text that spans multiple lines to demonstrate that vertical alignment actually works. When the text is tall enough, you can see how the other cells align vertically within the row.

8.1.8. Content-width table

H1

H2

H3

C1

C2

C3

R1

R2

R3

R4

R5

R6

8.1.9. Full-width table

H1

H2

H3

C1

C2

C3

R1

R2

R3

R4

R5

R6

8.1.10. Floating tables

Auch Verse können im Fliesstext "floated" werden, d.h. innerhalb des Textes links oder rechts positioniert werden.

Table 2. Smol Table

Foo

Bar

Baz

Content

More content

Even more content

Waltz, nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to vex dwarf. Jackdaws love my big sphinx of quartz. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Quick zephyrs blow, vexing daft Jim. Two driven jocks help fax my big quiz. The jay, pig, fox, zebra and my wolves quack! Sympathizing would fix Quacker objectives. A wizard’s job is to vex chumps quickly in fog. Watch Jeopardy!, Alex Trebek’s fun TV quiz game.

Table 3. More smol table

Foo

Bar

Baz

Content

More content

Even more content

By Jove, my quick study of lexicography won a prize! Waxy and quivering, jocks fumble the pizza. Fetching killjoy Mavis Wax was probed on the quay. “Yo, never mix Zoloft with Quik”, gabs Doc Jasper. One zany quaff is vodka mixed with grape juice and blood. Zitty Vicki smugly quipped in her journal, “Fay waxes her butt.” Hot Wendy gave me quasi-Kreutzfeld-Jacob pox. Jack’s pervy moxie quashed Bob’s new Liszt fugue. I backed Zevy’s qualms over Janet’s wig of phlox. Tipsy Bangkok panjandrums fix elections with quivering zeal.

8.1.11. (Noch) nicht unterstützte Features

This is a table with a width attribute set to 50%.

Header

Content

9. Einklappbare Blöcke

9.1. Einfache eingeklappte Abschnitte

This content is hidden by default.

Click the title to reveal it.

This content is hidden by default.

Click the title to reveal it.

9.2. Eingeklapptes Kapitel

Bei eingeklappten Kapiteln kann ein Abschnitt im Kapitel eine spezielle Markierung erhalten, so das er als sichtbare Zusammenfassung des ansonsten eingeklappten Abschnitts fungiert.

Section showing how parts of pages can be ‘collapsed’ and expanded by the user on request to go into more depth, such as to look at a codeblock.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

This is a short paragraph. It has a collapse wrapper, but it should not collapse, as that doesn’t save any space, and it looks distracting.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Cicero (§1.10.32 of De finibus bonorum et malorum, 45 BC)

Table 4. Smol Table.8

Foo

Bar

Baz

1

2

3

module Main where

main :: IO ()
main = print "Hello World!"

This margin note should be invisible until the corresponding text has been uncollapsed. Blockquote within collapsed section:

Blockquote.


Test sequences of figures in collapsed sections:

GPT-3: not even that much compute—3640 petaflop/s-day, only 2× their estimate for AlphaGo Zero, 1860165ya. (Historical graph modified by myself from “AI and Compute”, Amodei et al 2018.)

GPT-3: not even that much compute—3640 petaflop/s-day, only 2× their estimate for AlphaGo Zero, 1860165ya. (Historical graph modified by myself from “AI and Compute”, Amodei et al 2018.)

Second image in a row.

Second image in a row.

Color photograph: Weird Al Yankovic with 232 fans on 2020-01-18

Color photograph: Weird Al Yankovic with 232 fans on 2020-01-18


Test collapsed regions within collapsed sections:

This margin note should be invisible until the corresponding text has been uncollapsed. Collapse within collapse: At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Margin note 7. This margin note should be invisible until the corresponding text has been uncollapsed. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.9

Test collapsed non-section regions with abstract-collapses (but not abstracts in general):

The first sentence at the beginning is the abstract.

The second sentence.

The third sentence.

The fourth and final sentence.

The first sentence.

The second sentence is the abstract now.

The third sentence.

The fourth and final sentence.

The first sentence.

The second sentence.

The third sentence is the abstract now.

The fourth and final sentence.

9.3. Einklappbarer Abschnitt mit Code

Example 1. Show Stack Trace
Error: Content repository not found (url: https://git.example.org/repo.git)
    at transformGitCloneError
    at git.clone.then.then.catch
Caused by: HttpError: HTTP Error: 401 HTTP Basic: Access Denied
    at GitCredentialManagerStore.rejected
    at fill.then

10. Hinweise

10.1. Einfache Hinweise

Dies ist ein Tipp. Nutze ihn für hilfreiche Vorschläge.

Dies ist eine Notiz. Nutze sie für allgemeine Informationen.

Dies ist ein Warnhinweis. Nutze ihn für vorsichtige Informationen.

10.2. Hinweise mit komplexem Inhalt

Tip Titel

Tip.

Auch Hinweise können Randbemerkungen enthalten. Inline formatting: Italics. Bold. Bold italics. Code. Code link. Smallcaps.10 Span. Internal link. External link. Superscript1. Subscript2. • Interpunct separation. • Strikethrough.

Tip ohne Titel.

Inline formatting: Italics. Bold. Bold italics. Code. Code link. Smallcaps.11 Span. Internal link. External link. Superscript1. Subscript2. • Interpunct separation. • Strikethrough.

Tip ohne Titel.

Notiz Titel

Note.

Did you know that the "Slender Man" copypasta contributed to an attempted murder? Code link.

Notiz ohne Titel.

Did you know that the "Slender Man" copypasta contributed to an attempted murder? Code link.

Notiz ohne Titel. When you stand up and feel like you are about faint, that’s due to orthostatic hypotension Code link.

Warnhinweis Titel

Warning. For background on admonitions, see Markdeep. Bored? Look at images generated by DALL·E 1. Code link.

Warnhinweis ohne Titel.

In the Parker-Hulme murder case, they dreamed of running away to a fantasy kingdom after murdering her mother. Code link.

Warnhinweis ohne Titel.

11. Code Blocks

11.1. Literal Blocks

This is a literal block.
All formatting is preserved exactly as written.
    Indentation is maintained.
Special characters like < > & are not escaped.

11.2. Listing Blocks

This is a listing block.
Similar to literal blocks but typically used for code.

11.3. Code with no Syntax Highlighting

module Main where

main :: IO ()
main = print "Hello World!"

11.4. Code with Syntax Highlighting

-- Hello world example:
module Main where

data = ()
type = String
year = 2020 / 1.0 * 1

studio = 10 + 10.0 + 10e0 + 0o10 + 0x10 -- → 54

main :: IO ()
main = print "Hello World!"
function greet(name) {
  console.log(`Hello, ${name}!`);
  return `Hello, ${name}!`;
}

greet('AsciiDoctor');
def fibonacci(n):
  """Calculate Fibonacci number."""
  if n <= 1:
    return n
  return fibonacci(n-1) + fibonacci(n-2)

print(fibonacci(10))
require 'sinatra'

get '/hi' do
  "Hello World!"
end

11.5. Code Blocks with Callouts (todo)

public class HelloWorld {
    public static void main(String[] args) { <1>
        System.out.println("Hello, World!"); <2>
    }
}
  1. Main method entry point

  2. Print statement

12. Special Blocks

12.1. Horizontal Ruler

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

12.2. Open Blocks

This is an open block.

It can contain any content and is useful for custom formatting.

12.4. Example Blocks (nyi)

This is an example block.

It’s useful for demonstrating concepts or providing examples.

13. Advanced Features

13.1. IDs and Roles

This paragraph has a custom ID and class.

13.2. Custom Roles

This text is highlighted in red (if CSS supports it).

This is an important note with custom styling.

13.3. Attributes

This document is version 2.0, released on 2024-01-01.

13.4. Passthrough Blocks

This is raw HTML that passes through unchanged.

13.5. Comments

13.6. Bibliography (todo)

The AsciiDoctor documentation[AsciiDoctor Docs] provides comprehensive information.

AsciiDoctor Documentation

13.7. Page Breaks (nyi)

This content appears on a new page (if supported by the backend).

13.8. Icons (nyi)

heart

heart

I love AsciiDoctor!

check square o

check square o

Task completed

warning

warning

Warning icon

13.9. Keyboard Shortcuts (nyi)

Press kbd:[Ctrl+C] to copy.

Press kbd:[Ctrl+Shift+P] for command palette.

13.10. Buttons (nyi)

button:[Save]

button:[Cancel,role="danger"]

13.12. "Description Lists" (nyi)

Horizontale Beschreibungsliste:

CPU

The brain of the computer.

Hard drive

Permanent storage for operating system and/or user files.

RAM

Temporarily stores information the CPU uses during operation.

Vertical description list:

boolean

use true and false, not 1 and 0 or T and F

number

use Arabic numerals without punctuation (other than the decimal point to make a floating point number)

enumerated value

use only one of the allowed values, respecting case

14. Math (nyi)

14.1. Inline Math

The quadratic formula is \$x = (-b ± sqrt(b^2-4ac))/(2a)\$.

14.2. Block Math

\$\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}\$

(end with a paragraph to calc the right bsm on the footnotes section)


  1. This is a footnote
  2. Eine kurze Fussnote.
  3. Eine weitere nicht ganz so, aber im Gesamten doch wieder kurze Fussnote.
  4. Dies ist eine lange und mit vollem Funktionsumfang von gwernity gestaltete Fussnote. Haben wir es schon erwähnt: Lorem ipsum dolor sit amet, consectetur adipiscing elit.


    Listen

    • Causa prima: Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    • Causa secunda: Pellentesque habitant morbi tristique senectus et netus.

    def schattenhaushalt(anteil: float) -> str:
        """Mini-Beispiel in einer Fussnote."""
        return f"Anteil der Nebenkosten: {anteil:.2%}"
    
    print(schattenhaushalt(0.173))

    Auch in der Fussnote dürfen Hinweisboxen vorkommen, z.B. um eine wichtige Formel hervorzuheben.

    Per aspera ad astra – auch am Seitenrand.

    — Marcus Aurelius, Marcus Aurelius

    Mini-Liste als Fazit
    1. Marginalie prüfen

    2. Quellen im Anhang erfassen

  5. Diese benannte Fussnote erläutert auf Deutsch, dass der Leitfaden Beschaffung A bei VLS einzusehen ist und dass zusätzliche Lorem-Abschnitte in Kapitel IV zu finden sind.
  6. Abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc
  7. pg210–211, “The Quiet Enemy”, The Legacy of Hiroshima, Teller1962

  8. Lange Fussnoten werden auf der Seite automatisch ausgerichtet und gekürzt, falls nötig.

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

  9. another footnote
  10. Footnote inside admonition.
  11. Footnote inside admonition.