Znacznik pre w HTML-u

Autor podstrony: Krzysztof Zajączkowski

Stronę tą wyświetlono już: 4589 razy

Wstawianie znacznika <pre> na stronie

Znacznik ten umożliwia wstawienie tekstu wraz z poprawną interpretacją znaków białych (spacji, tabulatorów, znaków nowej linii). Dane wypisywane w tym znaczniku są domyślnie czcionką o stałej szerokości znaków. Oto przykład użycia tego znacznika:

<blockquote cite="Adam Mickiewicz - fragment Reduty Ordona"><pre>Nam strzelać nie kazano. - Wstąpiłem na działo I spojrzałem na pole; dwieście armat grzmiało. Artyleryji ruskiéj ciągną się szeregi, Prosto, długo, daleko, jako morza brzegi; I widziałem ich wodza; - przybiegł, mieczem skinął, I jak ptak jedno skrzydło wojska swego zwinął. Wylewa się z pod skrzydła ściśniona piechota Długą, czarną kolumną, jako lawa błota, Nasypana iskrami bagnetów. Jak sępy, Czarne chorągwie na śmierć prowadzą zastępy. Przeciw nim sterczy biała, wąska, zaostrzona, Jak głaz, bodzący morze, reduta Ordona. Sześć tylko miała harmat. Wciąż dymią i świecą; I nie tyle prędkich słów gniewne usta miecą, Nie tyle przejdzie uczuć przez duszę w rozpaczy, Ile z tych dział leciało bomb, kul i kartaczy.</pre></blockquote>

Jak widać, w powyższym przykładzie wykorzystano znacznik <pre> do wyświetlenia fragmentu Reduty Ordona. Oto wynik:

Nam strzelać nie kazano.
- Wstąpiłem na działo
I spojrzałem na pole;
dwieście armat grzmiało.
Artyleryji ruskiéj ciągną się szeregi,
Prosto, długo, daleko, jako morza brzegi;
I widziałem ich wodza;
- przybiegł, mieczem skinął,
I jak ptak jedno skrzydło wojska swego zwinął.
Wylewa się z pod skrzydła ściśniona piechota
Długą, czarną kolumną, jako lawa błota,
Nasypana iskrami bagnetów. Jak sępy,
Czarne chorągwie na śmierć prowadzą zastępy.
Przeciw nim sterczy biała, wąska, zaostrzona,
Jak głaz, bodzący morze, reduta Ordona.
Sześć tylko miała harmat. Wciąż dymią i świecą;
I nie tyle prędkich słów gniewne usta miecą,
Nie tyle przejdzie uczuć przez duszę w rozpaczy,
Ile z tych dział leciało bomb, kul i kartaczy.

Znacznik ten można zastąpić zwykłym znacznikiem nowego akapitu z odpowiednio ustawionym stylem traktowania białych znaków.

Style dla znacznika <pre>

Oto najczęściej przydatne style dla tego znacznika:

pre{ white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit; /* steruje, w jaki sposób interpretowane są białe znaki i jak zwijany jest tekst */ color: #ff0000; /* kolor czcionki */ background: #ffffaa; /* kolor tła */ padding: 0px; margin: 0px; }

Styl white-space przyjmuje następujące wartości: