HTML pre használata – Hogy úgy jelenjen meg a szöveg, ahogy beírtad

Ha szeretnéd, hogy a weboldalon a szöveged ugyanúgy jelenjen meg, mint a HTML szerkesztőben, akkor használt a HTML pre elemét.

HTML pre használata – Hogy úgy jelenjen meg a szöveg, ahogy beírtad

Ha ismered már a p elemet, akkor számodra biztosan nem lesz újdonság, hogy az kitörli a számára fölösleges szóközöket, illetve sortöréseket. Ahogy az alábbi példában is láthatod:

HTML kód

<p>
Tördelem         a           
szöveget,

de


nagyon.
</p>

Eredmény

Tördelem a szöveget,denagyon.

A fenti példán keresztül nagyon jól játszik, hogy hiába igyekeztem a szöveg tördelésével, a HTML nyelv semmibe vette azt. De szerencsére a helyzet nem reménytelen és van megoldás. És ez a megoldás pedig nem más, mint a HTML pre eleme.

Példa a HTML pre elemére

HTML kód

<pre>
Tördelem         a           
szöveget,

de


nagyon.
</pre>

Eredmény

Tördelem         a           
szöveget,

de


nagyon.

A fenti példában tökéletesen látszik, hogy jelen esetben a HTML pre elemét használtam, amely tökéletesen megtartotta a szerkesztőben megadott formát.

Szintaktika

A pre elem szintaktikája rendkívül egyszerű. Egy <pre> nyitó és egy </pre> zárótagból áll. A kettő közé pedig a tartalmat kell megadnunk.

<pre>TARTALOM...</pre>