Preformatarea textelor

Browserul ignora caractere de tipul Space, Tab sau Carriage Return. Uneori cand se copiaza un text pentru a fi introdus intr-o pagina de web dorim sa pastram identica aranjarea textului si formatul lui. Adica sa lasam prezente spatiile, tab-urile si randurile noi. In astfel de cazuri se poate folosi tagul de preformatare <pre> ... </pre>.

De exemplu textul de mai jos care are aspectul unui tabel va fi afisat de browser ca mai jos doar daca este inclus in interiorul tagului <pre>

	  
Nr 	Numele

1		Costel

2		Ionel

3		Gigel
Fara tagul de preformatare acelasi text va apare ca mai jos, 

Nr Numele 1 Costel 2 Ionel 3 Gigel

Observatie: In interiorul tagului de preformatare se pot insera si alte taguri care sa modifice aspectul textului (scriere ingrosata, inclinata, taguri de culori, etc.)

Exercitiu:

1. Deschideti un editor text (Notpad)
2. Editati un text asemanator celui de mai jos care sa pastreze aspectul de tabel
3. Salvati fisierul in format HTML
4. Vizualizati fisierul in browser
5. Includeti textul editat intre tagurile <pre> si </pre> si apoi salvati din nou
6. Vizualizati noua forma a fisierului in browser.

Eruption                      Date           Volume in km^3
--------                      ----           --------------
Paricutin, Mexico             1943                 1.3
Mt. Vesuvius, Italy          79 A.D.                3
Mount St. Helen, Washington   1980                  4
Krakatoa, Indonesia           1883                 18
Long Valley, California     pre-historic        500 - 600
Yellowstone, Wyoming        pre-historic           2400