Cara Menyisipkan Spasi Dalam HTML

Unduh PDFUnduh PDF

Artikel How.com.vn 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.

Metode 1
Metode 1 dari 4:

Menambahkan Spasi Tetap

Unduh PDF
  1. How.com.vn Bahasa Indonesia: Step 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. How.com.vn Bahasa Indonesia: Step 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. How.com.vn Bahasa Indonesia: Step 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
Metode 2
Metode 2 dari 4:

Menggunakan Teks Praformat

Unduh PDF
  1. How.com.vn Bahasa Indonesia: Step 1 Buka kode HTML.
    Cara lain untuk menambahkan spasi pada kode HTML adalah menggunakan tag <pre>. Tag ini pada dasarnya akan menampilkan teks sesuai yang Anda tikkan, berupa spasi atau yang lainnya.
  2. How.com.vn Bahasa Indonesia: Step 2 Tikkan <pre> sebelum teks yang ingin Anda praformatkan.
    Kode tersebut merupakan tanda pembuka teks praformat.
  3. Step 3 Tikkan teks sesuai yang diinginkan setelah tanda "<pre>".
    Dengan praformat, semua spasi dan pemisah baris yang dibuat menggunakan tombol "Enter" akan ditampilkan di halaman HTML.[3]
  4. How.com.vn Bahasa Indonesia: Step 4 Tikkan </pre> setelah teks.
    Segmen teks praformat akan diakhiri.
    Iklan
Metode 3
Metode 3 dari 4:

Memasukkan Baris Kosong (Line Break)

Unduh PDF
  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
Metode 4
Metode 4 dari 4:

Menggunakan Kode CSS

Unduh PDF
  1. How.com.vn Bahasa Indonesia: Step 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 "<head>" dan "</head>".
  2. How.com.vn Bahasa Indonesia: Step 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 <style> untuk membuka segmen gaya. Semua kode CSS perlu ditambahkan setelah tanda ini.
    • Tikkan </style> untuk menutup segmen gaya. Semua kode CSS perlu dimasukkan sebelum tanda penutup ini.
  3. How.com.vn Bahasa Indonesia: Step 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. How.com.vn Bahasa Indonesia: Step 4 Tikkan <p> 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

Tips

  • 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) &nbsp; 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 &#09; 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 How.com.vn ini

How.com.vn Bahasa Indonesia: Jessica Andzouana
Disusun bersama :
Perekayasa Perangkat Lunak
Artikel ini disusun bersama Jessica Andzouana. Jessica Andzouana adalah Perekayasa Perangkat Lunak yang tinggal di San Francisco Bay Area. Berpengalaman lebih dari lima tahun secara profesional di bidang pengembangan front-end, seni digital, dan desain, dia sangat antusias terhadap teknologi-teknologi yang tengah berkembang seperti blockchain dan AI. Latar belakangnya sebagai programer dan seniman, dipadukan dengan pola pikir yang sangat sadar desain, memberinya perspektif baru dan seperangkat keterampilan yang unik untuk menghasilkan solusi kreatif di bidangnya. Dia bekerja di Alcacruz sebagai Perekayasa Perangkat Lunak dan meraih gelar ganda BS/BA dari Santa Clara dalam bidang Ilmu Komputer dan Seni Studio. Artikel ini telah dilihat 370.937 kali.
Daftar kategori: Komputer
Halaman ini telah diakses sebanyak 370.937 kali.

Apakah artikel ini membantu Anda?

⚠️ Disclaimer:

Content from Wiki How Bahasa Indonesia language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.

Notices:
  • - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
  • - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
  • - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
  • - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.

Iklan