CARA MEMBUAT SPASI DI HTML

Saat bekerja dengan HTML, mungkin kamu pernah mendapati sebuah situasi di mana kamu harus membuat beberapa spasi antara elemen teks atau antara dua kata. Secara default, HTML akan meremove semua spasi ekstra. Oleh karena itu, langkah-langkah khusus perlu ditempuh untuk membuat spasi ekstra dalam HTML. Artikel ini akan memandu kamu dalam memahami bagaimana cara membuat spasi di HTML.

Menggunakan Entity HTML

Non-Breaking Space ( )

Non-Breaking Space adalah entity HTML yang paling sering digunakan untuk membuat spasi ekstra dalam kode HTML. Kamu dapat membuat spasi ekstra dengan menambahkan   di antara dua kata atau elemen.

<p>Ini adalah contoh kode HTML dengan&nbsp;&nbsp;&nbsp;beberapa spasi.</p>

Setelah kode di atas diterapkan, output yang dihasilkan akan seperti berikut:

Ini adalah contoh kode HTML dengan   beberapa spasi.

Spasi Em ( )

Selain  , ada juga   yang bisa digunakan untuk menambahkan spasi lebar. Spasi ini memiliki lebar yang sama dengan huruf ‘m’ dalam ukuran font yang digunakan.

<p>Ini adalah contoh kode HTML dengan&emsp;&emsp;beberapa spasi.</p>

Setelah kode di atas diterapkan, output yang dihasilkan akan seperti berikut:

Ini adalah contoh kode HTML dengan    beberapa spasi.

Spasi En ( )

  digunakan untuk membuat spasi yang memiliki lebar yang sama dengan huruf ‘n’.

<p>Ini adalah contoh kode HTML dengan&ensp;&ensp;beberapa spasi.</p>

Setelah kode di atas diterapkan, output yang dihasilkan akan seperti berikut:

Ini adalah contoh kode HTML dengan  beberapa spasi.

Mari kembangkan pengetahuan HTML kita dengan memahami bagaimana membuat spasi ekstra. Dengan teknik yang telah ditunjukkan di atas, kamu sekarang dapat dengan mudah memanipulasi spasi di HTML sesuai kebutuhan. Kamu telah belajar kapan dan bagaimana menggunakan entitas HTML yang berbeda untuk membuat spasi di kode HTML kamu. Dengan pengertian yang benar, kamu dapat memaksimalkan penggunaan spasi HTML untuk memperoleh tata letak yang lebih baik.