Bu yazımızda Html boşluk kodu veya Html boşluk karakteri nedir? Html boşluk bırakma nasıl yapılır? bunlardan bahsedeceğim. Html sayfalarında boşluk bırakmak için Space tuşuna basıyoruz. Space tuşu ile sadece bir karakterlik boşluk bırakabiliyoruz.
Bazı durumlarda birden fazla karakterlik boşluk bırakmak isteyebiliriz. Bu durumda, örneğin 10 defa Space tuşuna bastınız diyelim. Sayfanızı tarayıcıda görüntülediğinizde sadece 1 karakterlik boşluk olduğunu göreceksiniz. Peki bunun bir çözümü var mı?
Tabiki var.
Birden fazla boşluk karakteri bırakmak için boşluk kodu kullanmamız gerekiyor.
Html boşluk kodu (1 karakterlik boşluk bırakır)
Kod, Non-Breaking Space anlamına geliyor. Html sayfalarında bu boşluk kodunu bir defa yazarsanız tek karakterlik boşluk bırakır. Birden fazla yazarsanız, kaç defa yazmışsanız o kadar karakterlik boşluk bırakır.
Html tab kodu (4 karakterlik boşluk bırakır)
 
Html tab kodu 4 karakterlik boşluk bırakır. Yani klavyeden Tab tuşuna basmış gibi olursunuz.
Eğer 2 karakterlik boşluk bırakmak isterseniz şu boşluk kodunu kullanabilirsiniz.
 
Şimdi bunların hepsini bir örnek üzerinde görelim.
4 adet p etiketi yazdım.
⇒ 1.sinde boşluk kodu kullanmadım. Space tuşuna basarak boşluk bırakmaya çalıştım. Sayfayı tarayıcıda görüntülediğimizde tek karakterlik boşluk olduğunu göreceksiniz.
⇒ 2.sinde Html boşluk kodunu 8 defa yazdığım için 8 karakterlik boşluk oluşacak.
⇒ 3.sünde 2 karakterlik boşluk bırakma kodunu 4 defa yazdığım için 8 karakterlik boşluk oluşacak.
⇒ 4.sünde Html tab kodunu 2 defa yazdığım için 8 karakterlik boşluk oluşacak.
Html Kodları
|
1 2 3 4 5 6 |
<p>Mehsatek Mehsatek</p> <p>Mehsatek Mehsatek</p> <p>Mehsatek    Mehsatek</p> <p>Mehsatek  Mehsatek</p> |
Kodlarımızın tarayıcıdaki görünümü
Umarım sizin için faydalı bir yazı olmuştur.
Şu yazılar da ilginizi çekebilir.
Html Yönlendirme Kodu (Meta Etiketi ile Yönlendirme)
Siteye Youtube Video Ekleme (iframe Kodu İle)
Siteye Google Map Ekleme (Harita, Adres, Konum Ekleme)
Yeni bir yazımda görüşmek üzere.
ARKADAŞLAR YANYANA RESİMLER KOYUYORUM RESİMLERİN ALTINA ORTALI BİR ŞELİKDE YEZI KOYAMIYORUM YARDINCI OLURMUSUNUZ
Merhaba, Html etiketlerini ortalamayla ilgili detaylı bir yazım bulunuyor. O yazıdan daha detaylı bilgi edinebilirsiniz. Css ile Html Ortalama (Yazı, Resim, Form, Tablo, Sayfa, Menü vb..)
Sorunuzun cevabına gelince, kullanacağınız resimlerin genişlik ve yükseklik değerleri aynı olursa daha düzenli görünür. Aşağıdaki örnekte tüm resimlerin genişlik ve yükseklik değerlerini 200px olarak ayarladım. Bu kodlar ile 4 resim yan yana diziliyor ve her resme ait ilgili yazı resmin tam altında yatayda ortalanıyor.
İyi çalışmalar.
verdiğiniz bilgiler için teşekkürler
Rica ederim Alperen. Takipte kalman dileğiyle.