Skip to main content

Membuat Whitespace Dengan 'p' dan 'br' Tags

Ruang di situs web tampaknya menjadi hal yang cukup sederhana. Tetapi saat pertama kali Anda mencoba menekan tombol beberapa kali dan mendapati informasi itu tidak muncul di halaman Anda, Anda akan menyadari bahwa itu tidak semudah kelihatannya.

Ada beberapa cara untuk membuat ruang di situs web. Dua yang pertama adalah dengan tag HTML:

...

Penanda paragraf biasanya akan menempatkan spasi di antara item. Ini bertindak sebagai istirahat paragraf.

Namun, beberapa

dalam satu baris tidak akan melakukan apa pun selain mengacaukan halaman Anda. Beberapa editor akan memasangnya

 

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

tag, melainkan karakter, yang akan kita dapatkan dalam satu menit.


Itu
tag dimaksudkan untuk menempatkan satu baris saja dalam alur teks. Namun, dapat digunakan beberapa kali berturut-turut untuk menciptakan string panjang ruang kosong. Masalahnya adalah, Anda tidak dapat menentukan tinggi dan lebar ruang, dan secara otomatis lebar halaman.

Margin dan Padding CSS

Cara lain untuk menambahkan ruang ke dokumen halaman Web Anda adalah dengan menggunakan margin dan padding properti CSS. Ini adalah cara yang lebih baik untuk mendapatkan jumlah ruang yang Anda inginkan di antara elemen-elemen Anda. Dan Anda dapat memengaruhi lebih dari sekadar ruang vertikal dalam dokumen.

Ruang Tanpa-Pembatas ()

Akhirnya, ada ruang non-breaking. Entitas karakter ini bertindak persis seperti ruang teks normal, kecuali bahwa peramban memperlakukan masing-masing individu.

Jika Anda menaruh empat baris, browser akan menempatkan empat spasi di dalam teks.

Catatan, browser yang lebih lama mungkin tidak membuat banyak ruang non-breaking.

Menggunakan Non-Breaking Spaces in Tables

Tabel sering akan menutup atau rusak jika Anda tidak memasukkan sesuatu ke dalam sel untuk menahannya terbuka. Sebagai contoh: Gunakan HTML berikut untuk membuat tabel dengan selokan 30-piksel:

 Harus ada sedikit ruang di sebelah kiri teks ini. Beberapa browser akan menampilkannya dengan benar, tetapi banyak yang akan mengabaikan permintaan lebar tabel dan menempatkan teks rata dengan margin kiri. Sangat menyebalkan!

Agar kolom tabel tidak pecah, gunakan ruang yang tidak putus:

 Harus ada sedikit ruang di sebelah kiri teks ini. Dengan sebagian besar browser akan ditampilkan dengan benar.