Kegunaan Tag <pre> di Blog

Photo of Graffiti tag Pre



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

1 comments:


  1. Kiraiin tadi penggunaan tag pre vanila, untuk selain blog utama anaa dah coba mnggunakan dan hasilnya bagus dari aspek desain.

    Terimakasih sharingx sobat!

Posting Komentar


Creative Commons License
Kegunaan Tag <pre> di Blog by Nano Yulianto is licensed under a Creative Commons Attribution 3.0 Unported License.
Based on a work at http://nanoyulianto.blogspot.com/2012/12/kegunaan-tag-di-blog.html.
Permissions beyond the scope of this license may be available at http://nanoyulianto.blogspot.com/.