Mengatur jarak spasi di html

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  

Mengatur jarak spasi di html

Berikut ini hasil dari script atau kode diatas:

Mengatur jarak spasi di html

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  

Mengatur jarak spasi di html

Berikut hasil dari script diatas :

Mengatur jarak spasi di html

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.

Mengatur jarak spasi di html

Berikut ini hasil dari script diatas

Mengatur jarak spasi di html

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 !

Apa perintah untuk membuat spasi pada HTML?

Menggunakan   Yang perlu diingat adalah pada HTML berapa kalipun tombol spasi kita klik yang ditampilkan hanya lah satu spasi.

&Nbsp buat apa?

Pada pengolah kata dan pengetikan digital, spasi penggabung (bahasa Inggris: non-breaking space [" "]) disebut juga no-break space, non-breakable space (NBSP), hard space, atau fixed space, adalah sebuah karakter yang mencegah pemecahan baris otomatis (automatic line break) terhadap posisinya.

Apa itu komentar dalam HTML?

Komentar pada HTML adalah sebuah tag/element yang digunakan untuk meninggalkan sebuah catatan pada dokumen HTML kita [1]. Catatan tersebut bisa berupa deskripsi/tujuan suatu bagian kode HTML, atau juga bisa digunakan untuk memberikan rekomendasi, atau bahkan untuk menyembunyikan sementara sebuah kode HTML dengan tujuan ...

Manakah yang termasuk tag pembantu tag paragraf?

Paragraf pada HTML dibuat dengan tag <p> . Selain tag ini, ada juga tag pendukung lain seperti <div> , <hr> , <br> , dan <pre> .