Kodcu Murat Youtube Kanalına Abone Olmayı Unutma

Html Boşluk Bırakma Kodu Nedir, Örnekli Nasıl Kullanılır?

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 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

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 &nbsp; ya da diğer bir tanımlama ile &#160; html boşluk bırakma kodudur. Hemen örnek kodumuzu görelim ve ardından demomuza göz atalım.

Standart Html Boşluk Kodları

Diğer html boşluk bırakma kodlarımıza bakalım.

&ensp; baskıdaki N karakteri kadar boşluk bırakır.

&emsp; 4 karakterlik boşluk bırakır.

Hemen üstteki 2 kodumuzun örnek kullanımına ardından demosune göz atalım.

Kod

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.

5/5 - (4 votes)