Html boşluk bırakma kodu nedir sorusuna makale içerisinde 4 farklı yöntemle cevap veriyor olacağız ve html içerisinde nasıl boşluk bırakacağımızı göreceğiz.
Html Boşluk Kodu Nedir, Örnekli Nasıl Kullanılır?
Html kodlarken Space/Tab tuşu ile ne kadar boşluk bırakırsanız bırakın bu boşlukların işe yaramadığını görürsünüz(pre gibi elementler kullanılmadığı sürece). Siz Space tuşunuz ile ne kadar boşluk bırakırsanız bırakın tarayıcı render ederken tek boşluk olarak algılayacak ve o şekilde render edecektir.
Eğer html kodu kullanmadan Space/Tab tuşları ile oluşturduğunuz boşlukların doğrudan gözükmesini isterseniz <pre> elementini kullanabilirsiniz. Hemen örnek <pre> etiketi kullanımına bakalım.
Pre Element Kodu
1 2 3 4 5 6 7 8 9 | <pre> Murat Öner Murat Öner Murat Öner Murat </pre> |
Gördüğünüz gibi herhangi bir html kodu olmadan doğrudan Space/Tab tuşları ile bıraktığımız boşlukları görüyorsunuz. Hadi birde gerçekten tarayıcıda nasıl sonuç verdiğine demoda bakalım.
Demo
Peki, CSS kodu yazmadan ve <pre> elementi kullanmadan doğrudan html kodu ile nasıl boşluk bırakabiliriz hemen bakalım.
İlk kullanacağımız html boşluk bırakma kodu ya da diğer bir tanımlama ile   html boşluk bırakma kodudur. Hemen örnek kodumuzu görelim ve ardından demomuza göz atalım.
Standart Html Boşluk Kodları
1 2 | <p>Murat Öner</p> <p>Murat   Öner</p> |
Diğer html boşluk bırakma kodlarımıza bakalım.
  baskıdaki N karakteri kadar boşluk bırakır.
  4 karakterlik boşluk bırakır.
Hemen üstteki 2 kodumuzun örnek kullanımına ardından demosune göz atalım.
Kod
1 2 | <p>Murat   Öner</p> <p>Murat   Öner</p> |
Demo
📚 Html Boşluk Bırakma Kodu Benzeri Makalelerimiz
✍ Lütfen olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.
🔗 Sosyal medya kanallarından makaleyi paylaşarak destek olursanız çok sevinirim.
👋 Bir sonraki makalede görüşmek dileğiyle.
