Membuat isi dokumen HTML seperti apa adanya. Biasanya pada browser akan menerjemahkan beberapa karakter tidak boleh ganda atau lebih. Misalkan spasi, hanya bisa diketikan sekali. Sebanyak apapun karakter spasi yang diketikan, browser tetap akan membaca dan menampilkannya sekali. begitu juga dengan Enter dan tabulasi yang dianggap tidak ada, sebanyak apapun enter diketikan, browser menggapnya tidak ada dan melanjutkan karakter selanjutnya.
Jika Anda membutuhkan susunan HTML yang menggunakan karakter-karakter tersebut, untuk dapat menggunakannya dan menampilkannya apa adanya seperti yang Anda ketikkan, Anda bisa menggunakkan tag <pre>..</pre>. Tag ini akan menampilkan karakter yang diabaikan browser menjadi apa adanya. Spasi tetap dianggap sapasi walau sebanyak apapun, Enter tetap baris baru, dan tabulasi dianggap jarak. Dan bahkan huruf/font yang Anda ketik akan tampil apa adanya seperti jenis yang Anda ketik.
Contoh penggunannya bisa Anda perhatikan pada contoh di bawah ini
<html>
<body>
Ini kalimat yang diketikkan biasa<br />
Ini kalimat biasa dengan banyak spasi <p />
<pre>
Ini kalimat yang diketik dengan tag pre
dengan enter
dengan banyak spasi di sini
dengan tabulasi di awal
</pre>
</body>
</html>
Dari contoh skrip di atas akan menghasilkan tampilan seperti ini<body>
Ini kalimat yang diketikkan biasa<br />
Ini kalimat biasa dengan banyak spasi <p />
<pre>
Ini kalimat yang diketik dengan tag pre
dengan enter
dengan banyak spasi di sini
dengan tabulasi di awal
</pre>
</body>
</html>
Ini kalimat yang diketikkan biasa
Ini kalimat biasa dengan banyak spasi
Anda bisa mencobanya sendiri dan berkreasi dengan tag ini. Sampai jumpa di tulisan saya selanjutnya.
Ini kalimat biasa dengan banyak spasi
Ini kalimat yang diketik dengan tag pre dengan enter dengan banyak spasi di sini dengan tabulasi di awal