Cara Membuat Spasi di HTML – Sains

Cara Membuat Spasi di HTML – Sains

Menambahkan serangkaian spasi ke HTML Anda hanya untuk menghilangkannya karena cara HTML menangani spasi adalah pengalaman yang membuat frustrasi dan familier bagi siapa saja yang bekerja di desain web. Tag spasi HTML akan nyaman untuk membuat spasi, tetapi faktanya tidak ada..

Sumber masalahnya adalah HTML memampatkan semua karakter spasi—tab, spasi, dan carriage return—menjadi satu karakter. Jika ingin membuat indentasi paragraf, Anda tidak bisa hanya mengetikkan lima spasi lalu memulai teks. Itu tidak berarti Anda tidak memiliki kendali atas spasi di HTML Anda.

Lifewire / Maddy

Alternatif untuk Tag Space HTML yang Tidak Ada

Anda memiliki beberapa opsi untuk membuat dan mengontrol ruang putih di laman web Anda:

  • HTML <br> menunjukkan jeda baris, seperti carriage return dalam program pengolah kata. Anda akan menggunakannya di akhir setiap baris alamat, misalnya, untuk mendapatkan format blok yang biasa dilihat orang.
  • Tag <p> menghasilkan jeda paragraf. Ini diterapkan ke bagian teks yang merupakan blok teks yang dipisahkan dari blok teks terdekat dengan spasi kosong dan/atau indentasi baris pertama.
  • Tag <pre> digunakan dengan teks yang telah diformat sebelumnya. Ini menginstruksikan browser agar teks muncul persis seperti yang tertulis dalam file HTML, termasuk spasi atau baris kosong. Jika Anda mengetik lima spasi di dalam tag <pre> , Anda mendapatkan lima spasi di website.character
  • & nbsp; karakter menciptakan ruang yang tidak pecah menjadi baris baru. Dua kata yang dipisahkan oleh spasi tanpa putus selalu muncul pada baris yang sama.
  • & #9; dan &Tab; karakter membuat spasi tab dalam HTML. Sayangnya, mereka tidak dapat digunakan secara mandiri. Setiap kali Anda menginginkan tab dalam HTML, Anda harus menggunakan salah satu karakter ini di dalam tag <pre> atau memalsukannya dengan CSS.
  • Anda juga dapat menambahkan spasi di sekitar teks menggunakan Cascading Style Sheets (CSS). Jika Anda ingin membuat spasi di mana saja di sekitar blok penuh teks, ini benar-benar cara untuk melakukannya. CSS juga memberikan banyak kontrol gaya untuk teks itu sendiri, menjadikannya pilihan pertama bagi banyak pengembang web.

Berlatihlah menggunakan tag sederhana ini, catat hasilnya masing-masing. Mengatasi kekurangan tag spasi HTML tidak rumit jika Anda mengetahui metode cepat ini.

Related Posts