Penjelasan tentang apa itu Teks Pra-Format dalam HTML

Saat Anda menambahkan teks ke kode HTML untuk halaman Web, katakanlah dalam elemen paragraf, Anda memiliki sedikit atau tidak ada kendali atas di mana baris teks tersebut akan pecah atau spasi yang akan digunakan. Hal ini dikarenakan web browser akan mengalirkan teks sesuai kebutuhan berdasarkan area yang memuatnya. Ini termasuk situs web responsif yang akan memiliki tata letak yang sangat lancar yang berubah berdasarkan ukuran layar digunakan untuk melihat halaman Teks HTML akan mematahkan garis yang diperlukan setelah mencapai akhir area yang memuatnya. Pada akhirnya, browser memainkan lebih banyak peran dalam menentukan bagaimana teks pecah daripada yang Anda lakukan.

Dalam hal menambahkan spasi untuk membuat format atau tata letak tertentu, HTML tidak mengenali spasi yang ditambahkan ke kode, termasuk spasi, tab, atau carriage return. Jika Anda meletakkan dua puluh spasi di antara satu kata dan kata yang muncul setelahnya, browser hanya akan merender satu spasi di sana. Ini dikenal sebagai keruntuhan ruang putih dan sebenarnya ini adalah salah satu konsep HTML yang banyak diperjuangkan oleh industri baru pada awalnya. Mereka mengharapkan spasi putih HTML berfungsi seperti pada program seperti Microsoft Word, tetapi itu bukan cara kerja spasi putih HTML sama sekali.

Dalam kebanyakan kasus, penanganan normal teks dalam dokumen HTML apa pun adalah persis seperti yang Anda butuhkan, tetapi di lain contoh, Anda mungkin benar-benar ingin lebih mengontrol dengan tepat bagaimana spasi teks dan di mana pecahnya garis. Ini dikenal sebagai teks yang telah diformat sebelumnya (dengan kata lain, Anda mendiktekan formatnya). Anda dapat menambahkan teks yang telah diformat sebelumnya ke halaman web Anda menggunakan HTML.

 Menggunakan 
 Menandai 

Bertahun-tahun yang lalu, biasanya melihat halaman web dengan blok teks yang telah diformat sebelumnya. Menggunakan 
 tag untuk menentukan bagian halaman yang diformat oleh pengetikan itu sendiri adalah cara cepat dan mudah bagi desainer web untuk menampilkan teks sesuai keinginan mereka. Ini sebelum munculnya CSS untuk tata letak, ketika perancang web benar-benar terjebak mencoba memaksakan tata letak dengan menggunakan tabel dan metode khusus HTML lainnya. Ini (agak) berfungsi kembali karena teks yang telah diformat sebelumnya didefinisikan sebagai teks di mana strukturnya ditentukan oleh konvensi tipografi daripada oleh rendering HTML. 

Saat ini, tag ini tidak banyak digunakan karena CSS memungkinkan kita untuk mendikte gaya visual dengan cara yang jauh lebih efisien daripada mencoba untuk memaksa tampilan ke dalam HTML kami dan karena standar Web mendikte pemisahan yang jelas antara struktur (HTML) dan gaya (CSS). Namun, mungkin ada contoh teks yang diformat sebelumnya masuk akal, seperti untuk alamat surat yang ingin Anda paksa jeda baris atau untuk contoh puisi di mana jeda baris sangat penting untuk pembacaan dan aliran keseluruhan dari kandungan. 

Berikut adalah salah satu cara untuk menggunakan HTML 
 menandai: 

HTML biasa menciutkan ruang putih dalam dokumen. Ini berarti bahwa carriage return, spasi, dan karakter tab yang digunakan dalam teks ini semuanya akan diciutkan menjadi satu spasi. Jika Anda mengetik kutipan di atas ke dalam tag HTML biasa seperti tag p (paragraf), Anda akan mendapatkan satu baris teks, seperti ini: 

Benar-benar brilian dan slithey toves Apakah pilin dan gimble di wabe. 

Tag pra meninggalkan karakter spasi apa adanya. Jadi jeda baris, spasi, dan tab semua dipertahankan dalam rendering browser dari konten itu. Menempatkan kutipan di dalam a 
 tag untuk teks yang sama akan menghasilkan tampilan ini: 
Benar-benar brillig dan slithey toves
Apakah pilin dan gimble
di
itu
wabe
 Mengenai Font 

Itu 
 tag tidak hanya menjaga spasi dan jeda untuk teks yang Anda tulis. Di sebagian besar browser, itu ditulis dalam font monospace. Ini membuat karakter dalam teks sama lebarnya. Dengan kata lain, huruf i menempati ruang sebanyak huruf w. 

Jika Anda lebih suka menggunakan font lain sebagai pengganti monospace default yang ditampilkan browser, Anda masih dapat mengubahnya dengan lembar gaya dan pilih yang lain fon Anda ingin teks dirender. 
 HTML5 

Satu hal yang harus diperhatikan adalah, dalam HTML5, atribut "width" tidak lagi didukung untuk for 
 elemen. Dalam HTML 4.01, lebar menentukan jumlah karakter yang akan berisi garis, tetapi ini telah dihapus untuk HTML5 dan seterusnya.