Html Boşluk Kodu ve Html Boşluk Bırakma

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ı

Kodlarımızın tarayıcıdaki görünümü

html-bosluk-kodu-html-bosluk-birakma

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.

2 Comments

  1. MESUT Mayıs 26, 2019 Reply
    • admin Mayıs 26, 2019

Leave a Reply

WEB TASARIMLARINIZDA KULLANABİLECEĞİNİZ TAM 150 FARKLI RENK PALETİRenkleri Göster
+ +