Bir web sitesinde yer alan alan oldukça basit bir şey gibi görünüyor. Ancak, anahtarı ilk defa defalarca çalıştırmayı denediğinizde ve bu bilgilerin sayfanızda görünmemesine rağmen, göründüğü kadar kolay olmadığını anlayacaksınız.
Bir web sitesinde yer açmak için çeşitli yollar vardır. İlk ikisi HTML etiketleriyle:
...
Paragraf işaretleyicisi genellikle öğeler arasında boşluk bırakır. Paragraf sonu olarak davranır.
Ancak, arka arkaya birkaç
, sayfanıza dağılmadan başka bir şey yapmaz. Bazı editörler, daha fazla alan eklemek için
koyacak, ancak bu gerçekten
etiketini değil, bir dakika içinde alacağımız karakteri kullanmıyor.
etiketi, metnin akışında sadece tek bir satır kesmesi anlamına gelir. Ancak, uzun boşluk dizeleri oluşturmak için üst üste birden çok kez kullanılabilir. Sorun şu ki, alanın yüksekliğini ve genişliğini tanımlayamıyorsunuz ve bu otomatik olarak sayfanın genişliği.
CSS Marjı ve Dolgu
Web sayfası belgelerinize alan eklemenin bir başka yolu da CSS özellikleri marjı ve dolgu kullanmaktır . Bu, öğeleriniz arasında istediğiniz alan miktarını tam olarak elde etmenin çok daha iyi bir yoludur. Ve bir belgedeki dikey alandan daha fazlasını etkileyebilirsiniz.
Kırılmayan Boşluk ()
Son olarak, kırılmayan alan var . Bu karakter öğesi, tarayıcının her birini ayrı ayrı ele alması dışında, normal metin alanı gibi davranır.
Üst üste dört koyarsanız, tarayıcı metne dört boşluk koyar.
Not, eski tarayıcılar, birden çok kesme olmayan boşluk oluşturamaz.
Tablolarda Kesintisiz Boşlukların Kullanılması
Açık tutmak için hücreye bir şey eklemezseniz, tablolar genellikle kapanır veya kesilir. Örneğin: 30 piksel oluklu bir tablo oluşturmak için aşağıdaki HTML'yi kullanın:
| Bu metnin solunda az miktarda boşluk olmalıdır. Bazı tarayıcılar düzgün görüntüleyecektir, ancak çoğu tablo genişliği isteğini göz ardı edecek ve metni sol kenar boşluğuyla aynı hizaya getirecektir. Çok sinir bozucu! |
Tablo sütununun kırılmasını önlemek için, kırılmayan bir alan kullanın:
| Bu metnin solunda az miktarda boşluk olmalıdır. Çoğu tarayıcı ile düzgün şekilde gösterecektir. |