Belajar Element HTML: <pre>

Tag <pre> mewakili teks yang sudah diformat yang harus disajikan persis seperti yang ditulis dalam dokumen HTML.

Teks biasanya diterjemahkan menggunakan font non-proporsional (“monospace”).

Syntax

Tag <pre> ditulis seperti <pre></pre> dengan teks yang sudah diformat disisipkan diantara tag pembuka dan penutup.

Seperti ini:

<pre>
	Teks 
	   disini...
</pre>

<pre>This text has
been formatted using
   the HTML pre tag. The browser should
      display all white space
as it was entered.
</pre>

<pre>
 ____ ____ ____      
||p |||r |||e ||     
||__|||__|||__||     
|/__\|/__\|/__\|                         
</pre>

Pengaturan Default CSS

Sebagian besar browser menampilkan elemen <pre> dengan pengaturan CSS:

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}