İçerik

• Adımlar
• Tavsiye
• Uyarı

Normalde boşluklar, sekme tuşları ve enter tuşlarıyla oluşturulan birçok alan, web programlama dillerinde göz ardı edilir. HTML, hepsini sözcükler arasındaki normal boşluklar olarak tanımlar ve yalnızca tek bir boşluk görüntüler. CSS, boşluk ve hizalama için daha ayrıntılı ayarlara izin verirken, HTML'de aralıklarınızı özelleştirmek için bazı yerleşik araçlar yoktur.

Adımlar

Yöntem 1/2: Boşluklar ve tek sekmeler ekleyin

1. 

   Boşluklar bölünmez. Genellikle HTML, boşluk çubuğuna kaç kez basarsanız basın, kelimeler arasında yalnızca bir boşluk görüntüler. Birden çok bitişik aralığı görüntülemek için veya yazın. Bu kod, "bölünemez boşluk" adı verilen özel bir karakter yaratır ve her zaman görüntülenir.
   • Yukarıdaki karakter "yok edilemez boşluk" olarak adlandırılır çünkü satır sonlarının yerinde olmasını engeller. Bu karakteri fazla kullanırsanız, tarayıcı satır sonlarını düzenli ve dikey bir şekilde eklemekte zorluk çekecektir.

2. 

   
   
   Farklı genişliklere sahip boşluklar ekleyin. Tarayıcının bir boşluk görüntülemesini gerektiren bazı başka varlık karakterleri vardır. Bu boşlukların farklı tarayıcılarda görüntülenme şekli biraz farklıdır, ancak aşağıdaki kodların aksine satır sonunu etkilemeyecektir:
   • - Adını yazıcının "N" boşluğundan alır (ölçü birimi), "en" alanı normal alanın iki katı genişliğindedir.
   • - "em" alanı, yaklaşık olarak dört boşluğa eşittir.

3. 

   
   
   Bol tahribatsız alana sahip bir sekmeyi simüle eder. Paragrafları girintilemek için arka arkaya yıkılmaz boşluklar ekleyebilirsiniz: Yalnızca HTML kullanıyorsanız tek çözüm budur, ancak CSS kullanıyorsanız (aşağıdaki adımda ayrıca açıklanmıştır) daha kısa olacaktır.
   • Karmaşık bir metin sunumu varsa, ön etiketi kullanın.

4. 

   
   
   Paragrafları CSS ile hizalayın. CSS "margin" ve "padding" özellikleri doğrudan tarayıcıya talimatlar verir, böylece görüntülenen sonuçlar daha tutarlı olacaktır. CSS hakkında hiçbir şey bilmiyorsanız ve sayfanızın bir stil sayfası yoksa, bu yöntemi uygulamak zor değildir. Aşağıda, bir paragrafın tamamının sağ kenar boşluğuna nasıl taşınacağına dair bir örnek verilmiştir:
   • Kısımda HTML belgesine aşağıdaki kodu ekleyin:
     
     burada: "p.indent" metnin bir niteliğini (p etiketi) "girinti" adını tanımlar (başka bir ad kullanabilirsiniz). Kodun geri kalanı, paragrafın sol tarafına "dolgu" boşluğu özelliğini ekler.
   • Şimdi, HTML belgesinin gövdesine dönelim. Ne zaman bir paragrafı girintilemek istediğinizde (bu örnekte yine "girintili"), paragrafı şu koda yerleştirin:
     

   • Girinti aralığını hizalamak için CSS kodundaki "1.8" sayısını değiştirin. Yazı tipi boyutuyla ilişkili uzunluk birimi bu olduğundan "em" ifadesini geride tutun.
   İlan

Yöntem 2/2: Daha uzun boşluklar ayarlayın

1. 

   Önceden biçimlendirilmiş etiketleri kullanın. Her hangi bir tuş Uzay iyi ↵ Girin karta girildi

   tam olarak yazdığınız gibi görüntülenecektir. Bu etiketi ayrıca, boşluk ve satır sonlarında yüksek hassasiyet gerektiren örnekler, şiirler veya diğer metinleri sunmak için de kullanabilirsiniz.

   • Önceden biçimlendirilmiş kartların ana dezavantajı genişliktir. Normal HTML'den farklı olarak, önceden biçimlendirilmiş metin, kullanıcının pencere boyutuna sığacak şekilde yeniden boyutlandırılmaz.

2. 

   Satır sonu oluşturun. Kart
   mevcut metin satırını sona erdirir. Birden çok satır sonu etiketi kullanarak boş satırlar oluşturabilirsiniz. HTML'ye yeni başlayan öğrenciler için bu iyi bir yaklaşımdır, ancak CSS'yi öğrendiyseniz, bu zorunlu HTML formatı önerilmez.

3. 

   Paragrafı "p" etiketiyle tanımlayın. Metnin etrafındaki etiket o paragrafı tanımlar. Çoğu tarayıcı paragrafı boş bir satırla ayırır, ancak metin için tutarlı bir format garanti edemezsiniz. İlan

Tavsiye

• Web sayfanızdaki görüntüyü en son kontrol ettiğinizde, pasajın çevresinde alışılmadık bir konumda gereksiz karakterler görürseniz, aşağıdaki gibi eksik etiketler olup olmadığını iki kez kontrol edin. <> onun yerine
  .
• CSS, metin aralığı dahil olmak üzere web sayfalarını sunmak için daha güçlü ve proaktif bir araçtır.
• Açık bir etiketin arkasındaki veya kapalı bir etiketin önündeki ani boşlukları sınırlayın. Örneğin, Spaces yazmalısınız Öğretici Spaces değil Öğretici .
• Yok edilemez boşluk, bir varlık karakterine bir örnektir: klavyeden giremeyeceğiniz bir karakteri temsil eden kod.

Uyarı

• HTML özelliği, anahtarı temsil eder Sekme ↹ Aslında düşündüğünüz kadar etkili değil. Standart bir HTML belgesinde sekme durakları yoktur, bu nedenle sekme karakterinin etkisi yoktur.
• HTML dilini her zaman bir kod düzenleyicide veya düz metin dosyasında yazın, metin dosyası işleme biçimlerini kullanmayın. Boşluklarınız web tarayıcınızda garip karakterler haline gelirse, bunun nedeni büyük olasılıkla, çevrimiçi gösterim için tasarlanmamış olan kelime işlemcisi tarafından eklenen fazla verilerdir.