!!! Listing 1: A Frame Document with CSS2
...
!!! Listing 2:
!!! Listing 3: /* Copyright © 2003 W3C® (MIT, ERCIM, Keio). All Rights Reserved. See http://www.w3.org/Consortium/Legal/ipr-notice.html#Copyright Author: Bert Bos */ div.banner { margin: 0; font-size: 90% /*smaller*/; font-weight: bold; line-height: 1.1; text-align: center; position: absolute; /* Fallback if 'fixed' is not supported */ top: 2em; left: auto; width: 8.5em; right: 2em; } /* WinIE6 gets confused by 'fixed', so hide it. Selector trick courtesy of Johannes Koch, see http://pixels.pixelpark.com/~koch/hide_css_from_browsers/ */ div.endmatter>div.banner { position: fixed; /* Overrides 'absolute' above */ } !!! Listing 4:

Die Märchen der Gebrüder Grimm

Dornröschen

Vorzeiten war ein König und eine Königin...

andere Märchen

Märchenbücher

Märchenlinks

Impressum

Kontakt

!!! Linie ziehen

Die Märchen der Gebrüder Grimm

Dornröschen

Vorzeiten war ein König und eine Königin...

!!! Listing 5: #kopf { width: 99%; text-align: center; } #navigation { background: #000000; color: #ffffff; width: 20%; float: left; } #haupttext { background: #ffffff; color: #000000; float: left; width: 60%; } #hinweise { background: #cccccc; color: #ffffff; float: left; width: 20%; } !!! Listing 6: ]> Bayern München 29 29:14 FC Kaiserslautern 7 12:22 !!! Listing 7: liga { display: table; margin: 5em; border-collapse: separate; border: 4px solid black; border-spacing: 3px; } pos { display: table-row; padding: 2px; } verein { display: table-cell; font-weight: bolder; padding: 1em; background: lightgray; } punkte { display: table-cell; padding: 1em; background: lightblue; } tore { display: table-cell; padding: 1em; background: lightgreen; } !!! Listing 8 ... Zeichendaten CharData [^<&]* - ([^<&]* ']]>' [^<&]*) Kommentare

Kommentare dürfen innerhalb des Dokuments an beliebiger Stelle außerhalb des übrigen Markupstehen. Darüber hinaus dürfen sie innerhalb der Dokumenttyp-Deklaration an den von der Grammatik erlaubten Stellen stehen. Sie sind kein Bestandteil der Zeichendaten eines Dokuments. Ein XML-Prozessor kann, muss aber nicht, der Anwendung eine Möglichkeit einräumen, den Text eines Kommentars zu lesen. Zwecks Kompatibilität darf die Zeichenkette -- (zwei Trennstriche) nicht innerhalb eines Kommentars erscheinen. [E63] Parameter-Entity-Referenzen werden innerhalb von Kommentaren nicht erkannt.

Kommentare Comment '<!--' ((Char - '-') | ('-' (Char - '-')))* '-->'

Ein Beispiel für einen Kommentar:

<!&como; Deklaration für <head> & <body> &comc;>

[E27]Beachten Sie, dass die Grammatik nicht erlaubt, einen Kommentar durch ---> zu beenden. Das folgende Beispiel ist daher nicht wohlgeformt.

<!-- B+, B, or B ---> ... !!! Listing 9 div1 > head { color: #005A9C; background: white; font-size: 170%; } div2 > head { color: #005A9C; background: white; font-size: 140%; } loc[role="erratumref"], *[diff="del"] { display: none; } scrap { display: table; font-family: monospace; padding: 2%; background: #ccccff ; border: solid #aaaaaa; padding: 2%; } prod { display: table-row; margin-left:2em; } scrap head { display: table-caption; margin-top;1em; font: italic 100% sans-serif; } lhs { display: table-cell; } lhs:after { content: " "; } rhs:before { content: " ::= "; } rhs { display: table-cell; } rhs + rhs:before { content: " "; } nt { display: inline; } eg { font-family: monospace; white-space: pre; background-color: #d5dee3; border-top-width: 4px; border-top-style: double; border-top-color: #d3d3d3; border-bottom-width: 4px; border-bottom-style: double; border-bottom-color: #d3d3d3; padding: 4px; margin: 0em; } term { font-weight: bolder; } termdef:before { content: "[Definition: "; } termdef:after { content: "] "; } !!! Listing 10: ]>

... und *Pat Jones* ist in der Studentenverbindung sehr beliebt.

 !!! Listing 11: doc { display: block; margin: 2em; background: white; font-size: 18pt; } p { display: block; } studentlink { display: inline; color: blue; text-decoration: underline; } studentlink:hover { background: blue; color: white; text-decoration: none; }