Sabtu, 29 Agustus 2020

Tutorial Text HTML Part 8: 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

. 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 
 akan ditampilkan dengan ‘apa adanya’.


Pada tutorial Text HTML kali ini kita akan membahas tentang Cara Membuat Text HTML Tanpa Format dengan menggunakan tag

 dan tag .




Tag
 Untuk Membuat Preformatted Text HTML


Tag

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


Tag

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


Berikut adalah contoh cara penulisan dan penggunaan tag

 di dalam HTML:





Belajar HTML di Duniailkom



Saya sedang belajar HTML di Duniailkom.com



Spasi di dalam bagian

ini akan     ditampilkan
 
dengan                  apa adanya
 




Contoh Cara Membuat Text Tanpa Format dalam HTML - tag preSeperti 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

 juga sering dipakai untuk membuat contoh program. Seluruh contoh kode program di duniailkom ini ditampilkan di dalam tag 
. Tapi kita harus mengkonversi karakter “<” dan “>” menjadi karakter HTML Entity. Lebih lanjut bisa ke: Cara Menampilkan dan Memasukkan Karakter Khusus ke dalam HTML.




Tag untuk Penulisan Kode


Sesuai dengan namanya, tag ditujukan untuk memasukkan kode ke dalam HTML. Umumnya web browser akan menampilkan text yang berada di dalam tag sama dengan jenis font tag

, yakni dengan font monospace, namun dengan perbedaan bahwa tag  akan menghapus semua spasi yang lebih dari 1.


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


Berikut adalah contoh cara penulisan dan penggunaan tag di dalam HTML:





Belajar HTML di Duniailkom



Saya sedang belajar HTML di Duniailkom.com


HTML adalah singkatan dari
Hypertext Markup          Language





Contoh Cara Membuat Text Tanpa Format dalam HTML - tag code

Dari contoh dapat dilihat perbedaan dari tag

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


Selain menggunakan tag
 dan tag , HTML versi 4.01 memiliki tag  yang akan menghasilkan tampilan yang sama dengan tag . Tag  adalah singkatan dari Teletype, dan akan ditampilkan dengan font “monospace”.


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



Sumber wk.com


EmoticonEmoticon

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:o
:>)
(o)
:p
:-?
(p)
:-s
8-)
:-t
:-b
b-(
(y)
x-)
(h)