[001] <?xml version="1.0" encoding="UTF-8"?> [002] <html xmlns="http://www.w3.org/1999/xhtml"> [003] <head> [004] <title>Ein umfangreiches SLXHTML-Dokument</title> [005] <style type="text/css"> [006] body [007] { [008] font-family: serif; [009] font-size: medium; [010] } [011] h1 [012] { [013] font-family: sans-serif; [014] font-size: 147%; [015] color: #000099; [016] margin-top: 0.5em; [017] margin-bottom: 0.5em; [018] } [019] h2 [020] { [021] font-family: sans-serif; [022] font-size: 136%; [023] color: #000099; [024] margin-top: 0.5em; [025] margin-bottom: 0.5em; [026] } [027] h3 [028] { [029] font-family: sans-serif; [030] font-size: 126%; [031] color: #000099; [032] margin-top: 0.5em; [033] margin-bottom: 0.5em; [034] } [035] h4 [036] { [037] font-family: sans-serif; [038] font-size: 117%; [039] color: #000099; [040] margin-top: 0.5em; [041] margin-bottom: 0.5em; [042] } [043] h5 [044] { [045] font-family: sans-serif; [046] font-size: 108%; [047] color: #000099; [048] margin-top: 0.5em; [049] margin-bottom: 0.5em; [050] } [051] h6 [052] { [053] font-family: sans-serif; [054] font-size: 100%; [055] color: #000099; [056] margin-top: 0.5em; [057] margin-bottom: 0.5em; [058] } [059] p [060] { [061] text-align: justify; [062] } [063] code [064] { [065] color: blue; [066] font-family: monospace; [067] font-size: 90%; [068] } [069] em [070] { [071] font-style: italic; [072] color: #990000; [073] } [074] strong [075] { [076] font-weight: bold; [077] color: #006633; [078] } [089] pre [080] { [081] background-color: #CCCCFF; [082] } [083] blockquote [084] { [085] font-style: italic; [086] } [087] table.simple [088] { [089] background-color: #CCFFCC; [090] border-style: dotted; [091] border-width: 1px; [092] border-color: black; [093] margin: 10px; [094] } [095] caption.simple [096] { [097] color: #0066FF; [098] } [099] table.extended [100] { [101] background-color: #FFCC66; [102] border-style: solid; [103] border-width: 2px; [104] border-color: black; [105] margin: 20px; [106] } [107] thead, tfoot [108] { [109] background-color: #FF9900; [110] padding: 5px; [111] } [112] td, th [113] { [114] padding: 5px; [115] border-style: solid; [116] border-width: 1px; [117] border-color: black; [118] } [119] td#missing1, td#missing2 [120] { [121] background-color: red; [122] } [123] img [124] { [125] margin: 20px; [126] border-style: solid; [127] border-color: black; [128] border-width: 1px; [129] } [130] p.img [131] { [132] text-align: center; [133] } [134] ol.level2 [135] { [136] list-style-type: lower-alpha; [137] } [138] ul.level2 [149] { [140] list-style-type: square; [141] } [142] .area [143] { [144] background-color: #CCCCCC; [145] border-style: solid; [146] border-width: thin; [147] border-color: black; [148] margin-bottom: 10pt; [149] margin-top: 10pt; [150] padding: 3px; [151] } [152] .blockheading [153] { [154] color: #990000; [155] } [156] .highlight [157] { [158] background-color: yellow; [159] } [160] </style> [161] </head> [162] <body> [163] <div class="area"> [164] <h1>Überschriften</h1> [165] <h2>Überschrift Ebene 2</h2> [166] <h3>Überschrift Ebene 3</h3> [167] <h4>Überschrift Ebene 4</h4> [168] <h5>Überschrift Ebene 5</h5> [169] <h6>Überschrift Ebene 6</h6> [170] </div> [171] <div class="area"> [172] <h1>Absätze, Inline-Formate</h1> [173] <p>Ich bin ein Absatz. Leider ist mir nicht viel Text eingefallen.</p> [174] <p>Ich bin auch ein Absatz.<br/>Mein <span class="highlight">zweiter Satz</span> [175] steht in einer eigenen Zeile.</p> [176] <p>Ich enthalte folgendes Zitat aus <cite>unbekannter Quelle</cite>: [177] <em>Schön war's.</em></p> [178] <p>Und ich enthalte Code: <code>int test = 4;</code></p> [179] <p>Ich möchte <em>betonen</em>, dass das nicht so gemeint war.</p> [180] <p>Ich enthalte als <strong>strong</strong> ausgezeichneten Text.</p> [181] <pre>I c h bin vorformatierter Text.</pre> [182] </div> [183] <div class="area"> [184] <h1>Blockweises Zitieren</h1> [185] <blockquote> [186] <h3 class="blockheading">Überschrift Ebene 3 innerhalb von [187] <code>blockquote</code></h3> [188] <p>Absatz innerhalb von <code>blockquote</code></p> [189] </blockquote> [190] </div> [191] <div class="area"> [192] <h1>Einfache Tabelle</h1> [193] <table class="simple"> [194] <caption class="simple">Einfache Tabelle</caption> [195] <tr> [196] <th>Vorname</th> [197] <th>Nachname</th> [198] <th>Geburtsdatum</th> [199] </tr> [200] <tr> [201] <td>Homer</td> [202] <td>Simpson</td> [203] <td>05 .10. 1955</td> [204] </tr> [205] <tr> [206] <td>Bart</td> [207] <td>Simpson</td> [208] <td id="missing1">01 .04.</td> [209] </tr> [210] </table> [211] </div> [212] <div class="area"> [213] <h1>Erweiterte Tabelle</h1> [214] <table class="extended"> [215] <caption>Erweiterte Tabelle</caption> [216] <thead> [217] <tr> [218] <th colspan="2">Namen</th> [219] <th>Sonstiges</th> [220] </tr> [220] <tr> [222] <th>Vorname</th> [223] <th>Nachname</th> [224] <th>Geburtsdatum</th> [225] </tr> [226] </thead> [227] <tfoot> [228] <tr> [229] <th>Vorname</th> [230] <th>Nachname</th> [231] <th>Geburtsdatum</th> [232] </tr> [233] </tfoot> [234] <tbody> [235] <tr> [236] <td>Homer</td> [237] <td>Simpson</td> [238] <td>05 .10. 1955</td> [239] </tr> [240] <tr> [241] <td>Bart</td> [242] <td>Simpson</td> [243] <td id="missing2">01 .04.</td> [244] </tr> [245] </tbody> [246] </table> [247] </div> [248] <div class="area"> [249] <h1>Bilder</h1> [250] <p class="img"> [251] <img alt="Logo A-Sit" src="LogoAsit.gif"></img> [252] </p> [253] </div> [254] <div class="area"> [255] <h1>Numerierte Liste</h1> [256] <ol> [257] <li>Erster Eintrag</li> [258] <li>Zweiter Eintrag [259] <ol class="level2"> [260] <li>Erster Subeintrag</li> [261] <li>Zweiter Subeitrag</li> [262] </ol> [263] </li> [264] </ol> [265] </div> [266] <div class="area"> [267] <h1>Nicht numerierte Liste</h1> [268] <ul> [269] <li>Erster Eintrag</li> [270] <li>Zweiter Eintrag [271] <ul class="level2"> [272] <li>Erster Subeintrag</li> [273] <li>Zweiter Subeitrag</li> [274] </ul> [275] </li> [276] </ul> [277] </div> [278] </body> [279] </html>