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

Zum Seitenanfang

   

Galileo Design

Copyright © 2000 - 2010 Media Engineering Alle Rechte vorbehalten
Design + Programmierung Media Engineering Ulrike Häßler 50226 Frechen-Königsdorf • Impressum und Nutzungsbestimmungen