Home » Cara Membuat Spasi dalam Paragraf di HTML

Cara Membuat Spasi dalam Paragraf di HTML

by anaknongkrong
cara membuat spasi

Cara Membuat Spasi – Beberapa saat yang lalu saya sudah share mengenai bagaimana mengatur ukuran gambar di HTML, kali ini saya akan share bagaimana membuat spasi di HTML. Komponen ini adalah salah satu yang harus anaknongkrong ketahui karena dalam membuat sebuah website, tentunya kamu harus membuat kenyamanan bagi para pembaca atau pengunjung di website tersebut. Bagaimana membuat jarak pada tulisan supaya lebih terlihat menarik dan mudah untuk dibaca.

Cara Membuat Spasi di HTML

Ada berbagai macam cara yang bisa kamu gunakan untuk membuat spasi di HTML. Berikut ini beberapa cara yang bisa kamugunakan sesuai dengan kebutuhan website.

1. Menggunakan  

Cara pertama untuk membuat spasi di HTML adalah dengan menggunakan kode   atau non breaking space. Kode spasi HTML yang satu ini memiliki nilai sebanyak satu spasi. Maksudnya adalah setiap kode   yang kamu tulis berarti sama dengan kamu mengklik satu kali tombol spasi. Berikut ini script atau kode penggunaan  

Berikut ini hasil dari script atau kode diatas:

Perlu kalian ingat berapa kalipun kalian mengklik tombol spasi di keyboard maka hasil yang akan ditampilkan tetaplah satu spasi. Hal tersebut karena HTML hanya mengenali satu kali klik untuk spasi. Tapi, jika kalian ingin menggunakan spasi lebih dari satu untuk pemisah antar kata, kalian bisa menggunakan script   tersebut.

2. Menggunakan  

Cara yang kedua untuk membuat spasi di HTML adalah dengan menggunakan kode  . Lalu, apa bedanya dengan cara yang pertama? Kode   hanya memberikan jarak antar kata sebanyak 1 spasi sedangkan kode   dapat memberikan jarak antar kata sebanyak 2 spasi sekaligus. Jadi, kamu tidak perlu mengetikkan kode   sebanyak 2 kali jika ingin memberikan jarak 2 spasi, kamu hanya perlu mengetikkan kode   sekali saja.

Berikut contoh penggunaan  

Berikut hasil dari script diatas :

Pada baris pertama dan kedua pada gambar memiliki jarak antar kata yang berbeda. Dari situ anaknongkrong bisa membedakan antara 2 kode spasi tersebut.

3. Penggunaan  

Cara berikutnya untuk membuat spasi di HTML adalah dengan menggunakan kode  . Jika kode   mempunyai nilai sama dengan satu spasi dan kode   memiliki nilai sama dengan dua spasi, maka ada juga kode spasi pada HTML yang memiliki nilai lebih dari itu. Menggunakan   maka akan membuat jarak antar kata sama dengan empat spasi.

Penggunaan kode   tentunya akan sangat meringkas penggunaan kode pada HTML. Untuk membuat jarak antar kata yang lebih lebar maka kamu cukup mengetikan satu kode saja tanpa harus mengetiknya secara berulang. Berikut ini contoh penggunaannya.

Berikut ini hasil dari script diatas

diatas terlihat sekali perbedaanya antara ketiga jenis spasi. Yang perlu kamu ingat adalah kode   dapat mempengaruhi pemotongan tiap bari, namun kode   atau   tidak akan mempengaruhi pemotongan baris.

Sekian artikel kali ini yang membahas tentang bagaimana caranya membuat spasi di HTML dengan sangat mudah. Kalian bisa memilih dari keempat cara di atas sesuai dengan kebutuhan. Semoga artikel ini dapat membantu dan bermanfaat bagi Anaknongkrong.

Siapin Kopinya sambil mencoba ya !

You may also like

Leave a Comment

We use cookies to personalize the website for you and to analyze the use of our website. You consent to this by clicking on "I consent" or by continuing your use of this website. Further information about cookies can be found in our Privacy Policy. I consent

Privacy & Cookies Policy