abc HTML5 i CSS TUTORIAL

Prethodno formatiran tekst /PREFORMATTED/ <pre>


Slika 1. Tip TAG-a

Tekst koji je prethodno formatiran /PREFORMATTED/ PRE Sintaksa: <pre>Sadrržaj.</pre>/

Oznake:
pre - prethodno formatiran /PREFORMATTED/

Tekst koji je već formatiran u nekom drugom tekst procesoru i mora biti prikazan kako je u njemu uređen. Taj dio teksta počinje sa tagom <pre> a tag za zatvranje je  </pre>. Unutar ova dva taga ne mogu se koristiti svi ostali tagovi. Tag <pre> može se koristiti u kombinaciji sa tabelama. Za prelazak u novi red ne mora se koristiti <br>, dovoljno je da je u HTML kodu novi red (npr:, kao i uvlačenje itd): 


Slika 2. Prethodno formatiran tekst /PREFORMATTED/

 

Primjeri:  1. bez uvlačenja i fonta

<pre>
primjer teksta
kad se tekst
prikazuje kao što je
otkucan u html
</pre>		 
primjer teksta
kad se tekst
prikazuje kao što je 
otkucan u html

Primjer:  2. definisanje fonta na početku

<pre><font face="Arial">
primjer teksta
kad se tekst
prikazuje kao što je
otkucan u html
</font></pre>		 primjer teksta
kad se tekst
prikazuje kao što je 
otkucan u html

Primjer:  3. uvlačenje (prvi red nije uvučen)

<pre>
od prve kolone
            pomjeren tekst
            primjer teksta
            kad se tekst
            prikazuje kao što je
            otkucan u html
</pre>		 
od prve kolone
            pomjeren tekst
            primjer teksta
            kad se tekst
            prikazuje kao što je 
            otkucan u html

Primjer:   4. uvlačenje cijeli tekst uvučen

<pre>
            primjer teksta
            kad se tekst
            prikazuje kao što je
            otkucan u html
</pre>		 
            primjer teksta
            kad se tekst
            prikazuje kao što je 
            otkucan u html

Primjer 5. Uvlačenje u svakom redu po 3 znaka više

<pre>
primjer teksta
   kad se tekst
      prikazuje kao što je
         otkucan u html
</pre>		 
primjer teksta
   kad se tekst
      prikazuje kao što je
         otkucan u html

Primjer 6. TAG pre se koristi kod računarski programa, jer zadržava ispis sa nazubljenim kodom.

<pre>
   FOR j = 1 to 7
     PRINT i
   NEXT i
</pre>		 
  FOR i = j to 7
     PRINT i
  NEXT i

Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru

Index