Cara mengatur jarak button html

Unduh PDF

Artikel wikiHow ini akan mengajarkan kepada Anda cara menyisipkan spasi dan pemisah baris (line break) dalam HTML. Karena Anda hanya akan membuat satu spasi di HTML saat menekan bilah spasi beberapa kali, Anda perlu menggunakan tanda HTML untuk menyisipkan lebih dari satu spasi sekaligus.

1. 1

   Buka kode HTML dengan text editor. Anda bisa menggunakan spasi tetap (non-breaking space) untuk menambahkan beberapa spasi di antara kata atau karakter di HTML. Mulailah dengan membuka kode HTML halaman yang ingin Anda sunting.

2. 2

   Tikkan   untuk menambahkan spasi di tempat yang Anda inginkan. Hasil kode ini dikenal sebagai non-breaking space atau spasi tetap karena mencegah pemisahan baris pada lokasi penempatan kode. [1]

   • Sebagai contoh, tikkan Halo   semuanya! untuk menyisipkan spasi tambahan di antara kata "Halo" dan "semuanya!"
   • Namun, bagaimana jika Anda ingin menambah spasi lagi di antara kedua kata tersebut? Untuk memberikan dua spasi di antara kata-kata, Anda bisa menggunakan Halo  semuanya!
     • Perhatikan bahwa tidak ada spasi di antara kata "Halo" dan tag spasi tetap.
   • Jika Anda ingin memberikan tiga spasi di antara kata, Anda bisa menggunakan Halo   semuanya!. Kali ini, ada spasi biasa sebelum dan setelah tag spasi tetap. Karena spasi biasa dipisahkan oleh tag spasi tetap, hasilnya ada tiga spasi pada HTML.
     • Cara lain untuk memasukkan tiga spasi adalah menggunakan Halo   semuanya!. Pada dasarnya, tiap kali Anda memasukkan tag spasi tetap, Anda akan menambahkan satu spasi. Dengan demikian, memasukkan 6 tag tersebut akan memberikan 6 spasi di antara kata.

3. 3

   Sisipkan spasi dengan beragam lebar. Anda dapat menambahkan spasi yang lebih panjang menggunakan salah satu opsi berikut:[2]

   • Dua spasi – Tikkan  
   • Empat spasi – Tikkan  
   • Indentasi – Tikkan     

   Iklan

1. 1

   Buka kode HTML. Cara lain untuk menambahkan spasi pada kode HTML adalah menggunakan tag

   . Tag ini pada dasarnya akan menampilkan teks sesuai yang Anda tikkan, berupa spasi atau yang lainnya. 
   

2. 2

   Tikkan

    sebelum teks yang ingin Anda praformatkan. Kode tersebut merupakan tanda pembuka teks praformat. 
   

3. 3

   Tikkan teks sesuai yang diinginkan setelah tanda "

   ". Dengan praformat, semua spasi dan pemisah baris yang dibuat menggunakan tombol "Enter" akan ditampilkan di halaman HTML.[3]
   

4. 4

   Tikkan setelah teks. Segmen teks praformat akan diakhiri.

   Iklan

1. 1

   Buka kode HTML di text editor. Apakah Anda ingin menambahkan spasi di antara paragraf atau bagian halaman lain? Menekan tombol "Enter" atau "Return" berkali-kali pada kode tidak akan memberikan apa yang Anda harapkan. Namun, menambahkan tag line break akan membantu! Awalilah dengan membuka kode HTML halaman yang ingin Anda sunting.

2. 2

   Tikkan pada tiap baris yang ingin Anda buat kosong. Misalnya, jika Anda ingin menambahkan 1 baris horizontal kosong di antara dua paragraf, tikkan satu kali. Namun, jika Anda ingin menambahkan 3 baris kosong, tikkan tag tersebut tiga kali, seperti ini: .

   Iklan

1. 1

   Buka dokumen HTML atau CSS. Kode CSS dapat diterapkan pada bagian kepala dokumen HTML atau ditulis sebagai dokumen CSS eksternal.

   • Kepala dokumen HTML berada di bagian atas berkas. Bagian ini berada di antara tanda "" dan "".

2. 2

   Buat segmen gaya untuk kode CSS. Segmen gaya perlu ditambahkan pada bagian kepala kode HTML atau di lembar gaya terpisah. Gunakan tanda-tanda berikut untuk membuat segmen gaya pada dokumen HTML atau lembar gaya terpisah.

   • Tikkan untuk menutup segmen gaya. Semua kode CSS perlu dimasukkan sebelum tanda penutup ini.

3. 3

   Tikkan tanda berikut pada segmen gaya: p {text-indent: 5em;}. Tanda ini memberi tahu peramban untuk membuat indentasi sejauh lima spasi saat ditambahkan pada kode HTML yang sesuai.

   • Anda bisa menyesuaikan jumlah atau lebar spasi dengan mengetikkan angka yang berbeda setelah kode "text-indent:".
   • Satuan "em" setara dengan satu spasi pada ukuran fon yang ditetapkan atau berlaku. Anda bisa menggunakan satuan lain seperti persentase (mis. "text-indent: 15%;") atau satuan panjang (mis. "text-indent: 3mm;").

4. 4

   Tikkan

   pada bagian yang Anda ingin jorokkan ke dalam. Tanda ini perlu ditambahkan pada bagian tubuh HTML, sebelum teks yang Anda ingin jorokkan ke dalam. Setelah itu, indentasi sesuai spesifikasi yang ditetapkan pada kode CSS akan ditambahkan ke teks.

   Iklan

• Jika spasi yang Anda sisipkan menghasilkan simbol aneh di peramban, ada kemungkinan hal tersebut disebabkan oleh data tambahan dalam format program pemroses teks yang seharusnya tidak ditampilkan di internet. Anda bisa mencegah kemunculan simbol tersebut dengan mengetikkan kode di program penyunting teks polos, seperti Notepad atau TextEdit.
• CSS merupakan bahasa lembar gaya (style sheet language) yang lebih canggih dan terprediksi untuk merancang elemen-elemen pada halaman web, termasuk penjarakan teks.
• Spasi tetap (non-breaking space)   adalah salah satu contoh entitas karakter, kode yang mengacu pada karakter yang Anda tidak dapat tikkan melalui kibor.

Iklan

Peringatan

• Karakter-karakter HTML untuk Tab ↹ tidak bekerja seperti yang Anda duga. Dokumen HTML standar tidak memiliki tempat berhenti tabulasi sehingga karakter-karakter tersebut tidak akan berfungsi.
• Selalu tulis kode HTML Anda dalam berkas penyunting kode atau teks polos, dan bukan dalam format berkas pemroses kata (mis. Word).

Iklan

Tentang wikiHow ini

Halaman ini telah diakses sebanyak 339.257 kali.

Apakah artikel ini membantu Anda?

Apakah elemen HTML yang benar untuk memberikan jarak antar kata?

Untuk membuat spasi pada HTML menggunakan perintah apa?