Artikel ini pertanyaan dari sahabat saya "Rifafa - rifafa.blogspot.com".

Sebelumnya saya jelaskan lagi. Tag <pre> mendefinisikan untuk teks terformat atau seperti ini :

<pre>
Nano Yulianto
N
  a      Y
    n       u
      o        l
                 i
                   a
                     n
                       t
                         o
</pre>

Nano Yulianto
N
  a      Y
    n       u
      o        l
                 i
                   a
                     n
                       t
                         o

Yang dimaksud teks terformat adalah akan memunculkan teks seperti yang anda ketik, seperti adanya spasi yang berlebihan atau dll.

Kegunaan tag <pre>?

Selama ini saya melihat tag <pre> digunakan untuk menulis kode seperti CSS, HTML, Javascript, dll.

Contoh :

body {
  background: white;
  color: black;
}

kode diatas :

<pre>
body {
  background: white;
  color: black;
}
</pre>

Tapi menurut saya, jika menulis kode CSS dll, tag <pre> dan tag <code>.

<pre>
<code>body {
  background: white;
  color: black;
}
</code>
</pre>

Bagaimana tag <pre> agar terlihat menarik?

Berikut adalah kode dan gaya tampilan tag <pre> yang biasa digunakan :

pre{
background:#FEFEEC;
padding:15px;
color:#444444;
}

pre{
background:#FEFEEC;
padding:15px;
color:#444444;
}

Semoga Bermanfaat