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>
Code language: HTML, XML (xml)

Eredmény

Tördelem a szöveget,denagyon.

>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<

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>
Code language: HTML, XML (xml)

Eredmény

Tördelem         a           
szöveget,

de


nagyon.

>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<

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>
Code language: HTML, XML (xml)

Ha hasznos volt számodra, akkor kérlek oszd meg másokkal is, hogy ezzel támogass minket!