Mengubah jarak antar kata dalam teks halaman web tidak semudah kelihatannya. Dua, tiga atau lebih spasi berurutan di antara kata-kata yang berdekatan, menurut standar HTML, tidak akan memengaruhi jarak di antara mereka dengan cara apa pun - browser akan menampilkannya sebagai satu spasi. Tapi, tentu saja, ada alat untuk memecahkan masalah ini.
instruksi
Langkah 1
Salah satu opsi adalah menggunakan karakter HTML khusus yang disebut non-breakable-space. Itu ditampilkan dengan cara yang sama seperti ruang biasa, dan kekhasannya adalah jika dua kata dipisahkan oleh ruang khusus seperti itu, maka browser akan menganggap bahwa ini adalah satu kata yang digabungkan, yang tidak dapat dipisahkan. Karena fitur ini, browser tidak akan mengganggu tampilan beberapa ruang seperti itu secara berurutan, mis. tidak akan mengganti beberapa spasi dengan satu. Tanda khusus ini dilambangkan dengan rangkaian karakter berikut: "& nbsr;" (tanpa tanda kutip). Dalam kode sumber dokumen, paragraf teks dengan kata-kata yang dipisahkan oleh karakter khusus tersebut dapat terlihat seperti ini:
Ini adalah contoh & nbsr; & nbsr; paragraf & nbsr; & nbsr; & nbsr; teks.
Di sini jarak antara kata pertama dan kedua akan normal, antara kata kedua dan ketiga - dua kali lipat, dan antara kata ketiga dan keempat - tiga kali lipat.
Langkah 2
Jauh lebih umum digunakan adalah kontrol spasi antar kata menggunakan bahasa deskripsi gaya (CSS). Dalam bahasa CSS, definisi yang sesuai mungkin terlihat seperti ini: word-spacing: 15px; Berikut adalah ukuran spasi antara kata-kata yang berdekatan dalam 15 piksel. Anda dapat menambahkan atribut gaya ke hampir semua tag. Misalnya, tag paragraf dengan atribut ini, yang menetapkan jarak 20 piksel antara semua kata dalam paragraf, mungkin terlihat seperti ini:
Sebuah paragraf teks dengan peningkatan jarak antar kata
Langkah 3
Biasanya, blok gaya ditempatkan di header dokumen atau di file terpisah. Di blok seperti itu, Anda dapat mengatur beberapa nilai untuk jarak antara kata-kata dan mengemasnya ke dalam kelas yang berbeda, dan di badan dokumen menunjukkan tautan ke kelas yang sesuai dalam tag. Misalnya, deskripsi kelas bernama dblSpace mungkin terlihat seperti ini:
.dblSpace {penspasian kata: 20px}
Dan tag paragraf dengan tautan ke kelas ini di badan dokumen akan, misalnya, seperti ini:
Paragraf dengan spasi kata yang lebar
