Membuat Whitespace Dengan Tag 'p' dan 'br'

Ruang di laman web nampaknya menjadi perkara yang agak mudah. Tetapi kali pertama anda cuba memukul kunci beberapa kali dan setelah maklumat itu tidak muncul di halaman anda, anda akan menyedari bahawa ia tidak semudah yang kelihatan.

Terdapat beberapa cara untuk membuat ruang pada laman web. Dua yang pertama adalah dengan tag HTML :

...

Penanda perenggan biasanya akan meletakkan ruang antara item. Ia berfungsi sebagai peralihan perenggan.

Walau bagaimanapun, beberapa

's berturut-turut akan melakukan apa-apa selain kekacauan sehingga halaman anda. Sesetengah editor akan meletakkan

di tempat-tempat untuk menambah lebih banyak ruang, tetapi ini benar-benar tidak menggunakan tag

, melainkan watak, yang akan kami peroleh dalam satu minit.


Tag
dimaksudkan untuk meletakkan hanya satu baris istirahat dalam aliran teks. Walau bagaimanapun ia boleh digunakan beberapa kali berturut-turut untuk membuat rentetan panjang ruang kosong. Masalahnya ialah, anda tidak boleh menentukan ketinggian dan lebar ruang, dan ia secara automatik lebar halaman.

Margin CSS dan Padding

Satu lagi cara untuk menambah ruang kepada dokumen halaman Web anda ialah menggunakan margin dan padding sifat CSS. Ini adalah cara yang jauh lebih baik untuk mendapatkan jumlah ruang yang anda mahukan di antara elemen anda. Dan anda boleh menjejaskan lebih daripada sekadar ruang menegak dalam dokumen.

Ruang Non-Memecah ()

Akhirnya, terdapat ruang yang tidak pecah . Entitas watak ini bertindak seperti ruang teks biasa, kecuali pelayar merawat setiap individu.

Jika anda meletakkan empat berturut-turut, pelayar akan meletakkan empat ruang dalam teks.

Perhatikan, penyemak imbas lebih lama tidak boleh menyebabkan banyak ruang yang tidak pecah.

Menggunakan Ruang Tidak Berbuka dalam Jadual

Jadual sering akan ditutup atau pecah jika anda tidak memasukkan sesuatu dalam sel untuk memegangnya. Sebagai contoh: Gunakan HTML berikut untuk membuat jadual dengan longkang 30 piksel:

Perlu ada sedikit ruang di sebelah kiri teks ini. Sesetengah penyemak imbas akan memaparkannya dengan betul, tetapi ramai yang akan mengabaikan permintaan lebar jadual dan meletakkan teks itu dengan margin kiri. Sangat menjengkelkan!

Untuk menyimpan lajur jadual dari pecah, gunakan ruang yang tidak pecah:

Perlu ada sedikit ruang di sebelah kiri teks ini. Dengan kebanyakan pelayar akan memaparkannya dengan betul.