Isi

• Langkah
• Nasihat
• Peringatan

Banyak spasi yang biasanya dibuat menggunakan spasi, tombol tab, dan tombol enter semuanya diabaikan dalam bahasa pemrograman web. HTML mendefinisikan semuanya sebagai spasi reguler di antara kata dan hanya menampilkan satu spasi. Meskipun CSS memungkinkan pengguna untuk mengatur lebih banyak detail tentang spasi dan penyelarasan, HTML tidak memiliki beberapa alat bawaan untuk menyesuaikan spasi Anda.

Langkah

Metode 1 dari 2: Sisipkan spasi dan satu tab

1. 

   Sisipan spasi tidak rusak. Biasanya, HTML hanya akan menampilkan satu spasi di antara kata, tidak peduli berapa kali Anda menekan bilah spasi. Untuk membuat beberapa ruang bersebelahan ditampilkan, ketik atau. Kode ini akan membuat karakter khusus yang disebut "ruang non-breaking" dan selalu ditampilkan.
   • Karakter di atas disebut "ruang yang tidak bisa dihancurkan" karena mencegah jeda baris pada tempatnya. Jika Anda menyalahgunakan karakter ini, browser akan kesulitan memasukkan jeda baris secara teratur dan vertikal.

2. 

   
   
   Sisipkan spasi dengan lebar berbeda. Ada beberapa karakter entitas lain yang memerlukan browser untuk menampilkan spasi. Cara spasi ini ditampilkan di browser yang berbeda sedikit berbeda, namun, tidak seperti kode berikut tidak akan memengaruhi jeda baris:
   • - dinamai sesuai spasi "N" pada printer (satuan ukuran), spasi "en" dua kali lebih lebar dari spasi normal.
   • - Spasi "em", kira-kira sama dengan empat spasi.

3. 

   
   
   Mensimulasikan tab dengan banyak ruang non-destruktif. Untuk membuat indentasi paragraf, Anda dapat memasukkan spasi yang tidak bisa dihancurkan secara berurutan :. Ini adalah satu-satunya solusi jika Anda hanya menggunakan HTML, tetapi jika Anda menggunakan CSS (dijelaskan secara terpisah pada langkah di bawah), ini akan menjadi lebih singkat.
   • Jika ada penyajian teks yang kompleks, gunakan tag pre.

4. 

   
   
   Sejajarkan paragraf dengan CSS. Properti CSS "margin" dan "padding" memberikan instruksi langsung ke browser, sehingga hasil yang ditampilkan akan lebih konsisten. Metode ini tidak sulit untuk diterapkan, kecuali Anda tidak tahu apa-apa tentang CSS dan halaman Anda tidak memiliki style sheet. Berikut adalah contoh cara memindahkan seluruh paragraf ke margin kanan:
   • Di bagian dari dokumen HTML, masukkan kode berikut:
     
     dimana: "p.indent" mendefinisikan atribut teks (tag p) nama "indent" (Anda dapat menggunakan nama lain). Sisa kode lainnya menambahkan fitur ruang "pengisi" ke sisi kiri paragraf.
   • Sekarang, kembali ke badan dokumen HTML. Kapan pun Anda ingin membuat indentasi paragraf (masih "indentasi" dalam contoh ini), letakkan paragraf di kode ini:
     

   • Untuk menyelaraskan jarak indentasi, ubah angka "1.8" pada kode CSS. Simpan "em" di belakang karena ini adalah satuan panjang yang terkait dengan ukuran font.
   iklan

Metode 2 dari 2: Siapkan celah yang lebih panjang

1. 

   Gunakan tag yang telah diformat sebelumnya. Kunci apa saja ruang baik ↵ Masuk dimasukkan ke dalam kartu

   akan ditampilkan persis seperti yang Anda ketik. Anda juga dapat menggunakan tag ini untuk menyajikan contoh, puisi, atau teks lain yang membutuhkan ketelitian tinggi dalam menyajikan spasi dan jeda baris.

   • Kerugian utama dari kartu yang telah diformat sebelumnya adalah lebarnya. Tidak seperti HTML biasa, teks yang diformat sebelumnya tidak akan diubah ukurannya agar sesuai dengan ukuran jendela pengguna.

2. 

   Buat jeda baris. Kartu
   akan mengakhiri baris teks saat ini. Anda dapat membuat baris kosong menggunakan beberapa tag baris baru. Untuk siswa yang baru mengenal HTML, ini adalah pendekatan yang baik, tetapi jika Anda telah mempelajari CSS maka format HTML wajib ini tidak disarankan.

3. 

   Identifikasi paragraf dengan tag "p". Tag di sekitar teks mengidentifikasi paragraf itu. Sebagian besar browser akan memisahkan paragraf dengan baris kosong, tetapi Anda tidak dapat menjamin format teks yang konsisten. iklan

Nasihat

• Saat terakhir kali Anda memeriksa tampilan di halaman web Anda, jika Anda melihat karakter yang berlebihan dalam posisi yang tidak biasa di sekitar cuplikan, periksa kembali apakah ada tag yang tidak lengkap, seperti <> dari pada
  .
• CSS adalah alat yang lebih kuat dan proaktif untuk menyajikan halaman web, termasuk spasi untuk teks.
• Batasi ruang tiba-tiba di belakang tag terbuka atau di depan tag tertutup. Misalnya, Anda harus menulis Spaces Tutorial bukan Spaces Tutorial .
• Spasi yang tidak bisa dihancurkan adalah contoh dari karakter entitas: kode yang mewakili karakter yang tidak dapat Anda masukkan dari keyboard.

Peringatan

• Atribut HTML mewakili kuncinya Tab ↹ Sebenarnya tidak seefektif yang Anda kira. Dokumen HTML standar tidak memiliki tab stop, sehingga karakter tab tidak berpengaruh.
• Selalu tulis bahasa HTML di editor kode atau file teks biasa, jangan gunakan format penanganan file teks. Jika spasi Anda menjadi karakter aneh di browser web Anda, kemungkinan besar karena kelebihan data yang ditambahkan oleh pengolah kata, yang tidak dimaksudkan untuk tampilan online.