Web sayfalarının metinlerindeki kelimeler arasındaki mesafeyi değiştirmek sanıldığı kadar basit değildir. HTML standartlarına göre bitişik kelimeler arasındaki ardışık iki, üç veya daha fazla boşluk, aralarındaki mesafeyi hiçbir şekilde etkilemez - tarayıcı bunları tek bir boşluk olarak görüntüler. Ancak, elbette, bu sorunu çözmek için araçlar var.
Talimatlar
Aşama 1
Seçeneklerden biri, bölünemez boşluk adı verilen özel bir HTML karakteri kullanmaktır. Normal bir boşlukla aynı şekilde görüntülenir ve tuhaflık, iki kelime böyle özel bir boşlukla ayrılırsa, tarayıcı bunun ayrılamayan birleştirilmiş bir kelime olduğunu düşünecektir. Bu özellik nedeniyle, tarayıcı arka arkaya bu tür birkaç boşluğun görüntülenmesine müdahale etmeyecektir, yani. birden fazla boşluğu bir tane ile değiştirmez. Bu özel işaret, aşağıdaki karakter kümesiyle gösterilir: "& nbsr;" (tırnak işareti olmadan). Belgenin kaynak kodunda, bu tür özel karakterlerle ayrılmış kelimeler içeren bir metin paragrafı şöyle görünebilir:
Bu bir örnek & nbsr; & nbsr; paragraf & nbsr; & nbsr; & nbsr; metnidir.
Burada birinci ve ikinci kelime arasındaki mesafe normal, ikinci ve üçüncü - iki katına ve üçüncü ve dördüncü - üçe katlanacaktır.
Adım 2
Çok daha yaygın olarak kullanılan, bir stil tanımlama dili (CSS) kullanan kelimeler arasındaki boşluk kontrolüdür. CSS dilinde, karşılık gelen tanım şöyle görünebilir: word-spacing: 15px; İşte bitişik kelimeler arasındaki boşluğun 15 piksel cinsinden boyutu. Hemen hemen her etikete bir stil niteliği ekleyebilirsiniz. Örneğin, paragraftaki tüm kelimeler arasındaki 20 piksellik mesafeyi ayarlayan bu özniteliğe sahip bir paragraf etiketi şöyle görünebilir:
Sözcükler arasında artırılmış boşluk bulunan bir metin paragrafı
Aşama 3
Tipik olarak, stil blokları bir belgenin başlığına veya ayrı dosyalara yerleştirilir. Böyle bir blokta, kelimeler arasındaki mesafe için birkaç değer ayarlayabilir ve bunları farklı sınıflara paketleyebilirsiniz ve belgenin gövdesinde, etiketlerde karşılık gelen sınıflara bağlantılar belirtebilirsiniz. Örneğin, dblSpace adlı bir sınıfın açıklaması şöyle görünebilir:
.dblSpace {kelime aralığı: 20px}
Ve belgenin gövdesinde bu sınıfa bağlantı içeren bir paragraf etiketi, örneğin şöyle olacaktır:
Geniş kelime aralığına sahip bir paragraf
