Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

Assalamualaikum Warahmatullah Wabarakatuh

Kali ini saya akan membahas mengenai cara menggunakan spasi pada versi HTML di suatu blog, Karena dalam HTML tidak mengenal Spasi ataupun Enter seperti biasanya, kedua karakter ini memiliki nama panggilan atau nama samaran yang dikenal oleh HTML, dengan nama ini maka Spasi dan Enter bisa digunakan dalam blog

Ok, langsung saja ya,,berikut adalah cara lengkapnya..

Sekarang saya beri contoh paling sederhana, jika anda membuat artikel di mode HTML maka hanya spasi pertama/tunggal antara dua kata yang terbaca atau muncul, spasi dua kali, tiga kali dan seterusnya tidak akan dikenal. sementara enter tidak akan terbaca meskipun enter pertama, kedua, dan seterusnya.
Berikut adalah contohnya, saya buat artikel mode HTML seperti ini

Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

dan hasilnya adalah seperti ini

Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

Dari kedua gambar diatas sudah jelas bahwa enter pada umumnya tidak dikenal di HTML, begitupun dengan spasi, solusinya adalah mencari tahu nama panggilan yang dikenal oleh si HTML dari kedua karakter ini,berikut pemaparannya

Untuk menggunakan "Spasi" silahkan menggunakan code ini
  •   atau   Adalah Script/Kode untuk menampilkan karakter atau yang disebut sebagai spasi tetap (non-breaking space).   sama dengan 1 karakter spasi,    sama dengan dua karakter spasi, begitu seterusnya. jadi jika ingin menggunakan karakter spasi lebih dari satu gunakanlah kode diatas.
Berikut contohnya, saya coba masukkan kedua script/kode diatas sebanyak enam kali 
Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

 Sehingga hasilnya seperti ini, antara kedua kata terdapat karakter spasi sebanyak enam kali.
Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

Selain kode diatas, ada beberapa kode untuk mengurangi jumlah script/kode di HTML,
  •   adalah script/kode dinamakan berdasarkan blok huruf “N” pada mesin percetakan, spasi “en” (”en” space) memiliki panjang sekitar dua spasi biasa.
  •   adalah script/kode spasi “em” (”em” space), memiliki panjang sekitar empat spasi biasa.
Tapi perlu diketahui kedua kode ini hanya menyerupai karakter spasi normal pada ummnya, mengapa demikian.?.karena kode tersebut memiliki definisi"sekitar" yang aktualnya seperti banyak karakter spasi padahal kenyataannya hanya satu karakter spasi saja dengan panjang yang berbeda.
Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

Pada gabar diatas saya coba masukkan kode   sebanyak 3 kali, jadi jumlah karakter spasi seperti 6 karakter spasi nantinya. tapi aktualnya hanya 3 karakter spasi dengan panjang perkarakter seperti 2 karakter spasi biasa.
Kemudian untuk kode   sebanyak 3 kali, jadi jumlah karakter spasi seperti 12 karakter spasi biasa. tapi aktualnya hanya 3 karakter spasi dengan panjang perkarakter seperti 4 karakter biasa
Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

Selain Karakter spasi, ada karakter lain yang tidak terbaca di mode HTML, untuk menampilkan karakter Enter perlu nama samaran juga,,heheheh...Ok, berikut adalah script/codenya. <br />
script/kode merupakan kode untuk memberikan jarak spasi antar baris
berikut tampilannya, disini saya menambahkan code tersebut pada artikel yang akan dibuatkan baris baru. 

Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

Sehingga hasilnya seperti ini.
Cara Terbaik Membuat Spasi dan Enter di HTML pada Blog

Bagaimana.?. Gampang kan.?. pastilah..hehehehe...code ini sangat berguna jika ingin mempercantik atau mempermudah dalam merapikan blog saudara
Jika ada yang kurang jelas, silahan bertanya.

Salam

Artikel Terkait

6 comments:

  1. Gan ane pake aplikasi blogger
    tapi kok ENTER ga bisa, bisanya spasi (apa aplikasi bloggernya gak support sama android 4.4 ane ya gan?).
    Soalnya udah ane kasih kode <"br/"> malah keluar kodenya.

    ReplyDelete
    Replies
    1. coba pakai <"/br"> (tanpa tanda petik)

      Delete

    2. saja jangan pakai tanda petik (" ")

      Delete