Webdesign mit CSS, HTML und Javascript
Stil mit {stil}
Feb 2009
HTML-Tag <pre> ... </pre> • Vorvormatierter Text
Das <pre>-Tag stellt vorformatierten Text dar. »Vorformatiert«, da der Text vom Browser exakt in der gleichen Weise dargestellt wird, wie er innerhalb des öffnenden und schließenden <pre>-Tags steht – inklusive Weißraum, Tabulatoren und Zeilenumbrüchen. Zeilen und Spalten bleiben bestehen, ebenso extra Weißraum z.B. in Gedichten.
Die häufigste Anwendung des <pre>-Tags liegt sicherlich in der Darstellung von Computercode innerhalb von HTML-Dokumenten, aber auch für die Ausgabe von Tabellen mit kurzen einzeiligen Einträgen kann das pre-Tag u.U. eine effiziente Alternative zum table-Tag sein.
Browser stellen den Text in einer nicht proportionalen Schrift dar. Die folgenden Tags sollten nicht innerhalb des öffnenden und schließenden <pre>-Tags stehen: big, img, object, small, sub oder sup. Bilder und Objekte können also nicht innerhalb von pre-Elementen eingesetzt werden.
Einfache Tabelle mit dem pre-Tag
<pre>
Wavelength +0 nm +1 nm +2 nm +3 nm
----------------------------------------------------------------
380 nm 0.0002000 0.0002280 0.0002610 0.0002990
385 nm 0.0003960 0.0004550 0.0005250 0.0006040
390 nm 0.0008000 0.0009160 0.0010500 0.0012000
395 nm 0.0015500 0.0017500 0.0018800 0.0022300
400 nm 0.0028000 0.0031200 0.0034600 0.0038300
</pre>
Darstellung
Wavelength +0 nm +1 nm +2 nm +3 nm
---------------------------------------------------------------
380 nm 0.0002000 0.0002280 0.0002610 0.0002990
385 nm 0.0003960 0.0004550 0.0005250 0.0006040
390 nm 0.0008000 0.0009160 0.0010500 0.0012000
395 nm 0.0015500 0.0017500 0.0018800 0.0022300
400 nm 0.0028000 0.0031200 0.0034600 0.0038300
Attribute für pre
Nur Kernattribute
Kernattribute und Ereignisse für pre
| class, dir, id, lang, style, title |