Cara Membuat Text HTML Tanpa Format (tag pre dan tag code) !



Di dalam HTML, untuk menampilkan text agar bisa tampil dengan spasi dan karakter sesuai aslinya (text tanpa format) kita memerlukan tag khusus, yakni tag <pre>. Jika di dalam tag biasa, HTML akan mengabaikan spasi antar karakter (apabila terdapat lebih dari 1 spasi secara berurutan), text yang berada di dalam tag <pre> akan ditampilkan dengan �apa adanya�.

Tag <pre> Untuk Membuat Preformatted Text HTML

Tag <pre> adalah singkatan dari Preformatted Text. Sesuai dengan namanya, tag ini digunakan untuk text yang �belum� diformat. Jika text diinput ke dalam tag <pre>, maka HTML akan menampilkan text tersebut sesuai dengan �apa adanya�. Text akan ditampilkan sesuai bagaimana text tersebut di buat, termasuk spasi yang ada.

Tag <pre> termasuk ke dalam kelompok block level element, sehingga akan ditampilkan di baris baru, terpisah dari text yang ada sebelum tag ini.

<!DOCTYPE html>
<html>
<head>
<title>RuangIlmu</title>
</head>

<body>
<h3>Cara Membuat Text HTML Tanpa Format</h3>
<pre>
Spasi di dalam bagian

ini akan     ditampilkan
 
dengan                  apa        adanya
 
</pre>
</body>

</html>



Seperti yang terlihat, spasi akan tetap ditampilkan sebagaimana yang ditulis. Juga jenis font yang digunakan biasanya font berjenis �monospace� yang memiliki panjang karakter yang sama untuk setiap hurufnya.

Tag <pre> juga sering dipakai untuk membuat contoh program. Seluruh contoh kode program di duniailkom ini ditampilkan di dalam tag <pre>. Tapi kita harus mengkonversi karakter �<� dan �>� menjadi karakter HTML Entity.

Tag <code> untuk Penulisan Kode

Sesuai dengan namanya, tag <code> ditujukan untuk memasukkan kode ke dalam HTML. Umumnya web browser akan menampilkan text yang berada di dalam tag <code> sama dengan jenis font tag <pre>, yakni dengan font monospace, namun dengan perbedaan bahwa tag <code> akan menghapus semua spasi yang lebih dari 1.

Tag <code> termasuk kelompok inline level element, dan mengikuti alur text yang ada.

<!DOCTYPE html>
<html>
<head>
<title>RuangIlmu</title>
</head>

<body>
<h3>Cara Membuat Text HTML Tanpa Format</h3>
<p>HTML adalah singkatan dari
<code>Hypertext Markup          Language</code></p>
</body>

</html>



Perbedaan dari tag <pre> dan tag <code>. 

Tag <pre> bersifat block elemen, sedangkan tag <code> bersifat inline elemen. Tag <pre> akan menampilkan seluruh text tanpa menformat spasi, namun di dalam tag <code>, jika ditemukan karakter spasi dengan jumlah lebih dari 1, maka hanya 1 yang digunakan.

Selain menggunakan tag <pre> dan tag <code>, HTML versi 4.01 memiliki tag <tt> yang akan menghasilkan tampilan yang sama dengan tag <code>. Tag <tt> adalah singkatan dari Teletype, dan akan ditampilkan dengan font �monospace�.

HTML5 menyatakan tag <tt>: deprecated, yang artinya disarankan untuk tidak digunakan, dan kemungkinan tidak akan didukung web browser. Anda mungkin masing menemukan tag ini terutama dalam website lama.

Komentar

Posting Komentar

Postingan populer dari blog ini

INFO PES : Tips Mudah dan Lengkap Bermain Master League PES 2017 Bagi Pemula

Gambar
Assalammualaikum wa Rohmatullahi wa Barokatuh Ini adalah artikel atau postingan pertama yang saya buat, harap di maklumi jika tulisannya ada yang salah. Untuk itu saya akan melakukan perkembangan dalam menulis artikel dan saya juga berharap agar blog ini mendapatkan kesuksesan. Aamiin..... Master League di PES 2017 ini sepertinya sudah menjawab dari beberapa keluhan PES Lovers. Di PES 2017 sangat banyak fitur-fitur terbaru dari versi PES sebelumnya salah satunya Master League sendiri. Dari beberapa penambahan fitur terbaru ini, PES 2017 jadi sangat mengasyikkan dan menambah pengalaman terbaik saat memainkan terutama dalam mode Master League. Mungkin akan kesulitan bermain Master League di PES 2017 karena tampilan yang sudah lebih dinamis dan tampak aneh jika kalian masih memainkan PES 2013 atau masih pemula. Tenang saja, disini saya punya solusinya. Kalian akan sangat mudah dalam bermain Master League di PES 2017 karena saya sudah menyiapkan tips-tipsnya. Mungkin TIPS MUDAH DAN L...
Baca selengkapnya

INFO PES : Tips dan Trik Lengkap Bermain Become a Legend di PES 2017

Gambar
Assalammualaikum wa Rohmatullahi wa Barokatuh Di postingan kali ini saya akan memberikan cara menjadi pemain yang melegenda di PES 2017 . Yap, tidak salah lagi fitur mode yang akan di mainkan ini adalah mode Become a Legend. Di sini agan akan bermain sebagai pemain di dunia game. Seperti halnya dunia nyata, di sini anda akan banyak melalui rintangan dalam menjalani sebagai pemain sepakbola pada umumnya. Nah, apakah agan ingin bermain sebagai pemain sepakbola di game PES (Pro Evolution Soccer) dalam mode Become a Legend . Saya akan memberikan Tips dan Trik Lengkap Dalam Bermain Become a Legend di PES 2017 untuk menjadi sukses seperti halnya CR7 atau Lionel Messi, tetapi hanya di game ya gan kalau di dunia nyata agan harus kerja keras atau latihan yang rajin kalau mau jadi pesepakbola profesional. Apa saja sih Tips dan Trik nya. Nih Langsung aja Scroll ke bawah gan!!! Tips dan Trik Lengkap Dalam Bermain Become a Legend di PES 2017        1.)   Menentukan Nama P...
Baca selengkapnya

INFO PES : Tips Mengatur Formasi dan Taktik Ampuh yang Tepat di PES 2017 Bagi Pemula

Gambar
  Assalammualaikum wa Rohmatullahi wa Barokatuh Dalam dunia sepakbola Formasi dan Taktik sangatlah penting bagi kesuksesan suatu tim. Tak terkecuali di dunia game sepakbola sekalipun. Jika suatu tim berisi pemain kelas dunia tetapi tidak diimbangi oleh gaya permainan yang baik, tentu tim tersebut akan bermain tanpa arah. Sama halnya di game sepakbola yakni PES atau Pro Evolution Soccer . Jika kalian tidak memiliki formasi dan taktik bermain, kalian tentu akan mengalami kesulitan saat menghadapi lawan-lawan kuat dalam suatu pertandingan. PES 2017 sudah jauh berkembang daripada versi PES sebelumnya. Mulai dari update pemain, tampilan pertandingan yang menarik, hingga salah satu aspek terpenting dalam sepakbola yakni taktik dan formasi. Ketika kalian bermain PES 2017 , yang dapat kalian mainkan bukan hanya mengendalikan pemain-pemainnya saja. Namun, karena di PES 2017 salah satu aspek taktik dan formasi juga mengalami perkembangan. Kita juga dapat mengatur Formasi dan Taktik yang ...
Baca selengkapnya