HTML'de Boşluk Nasıl Eklenir?

Bu wikiHow makalesi sana HTML’de boşlukların ve satır aralarının nasıl oluşturulduğunu öğretir. Boşluk tuşuna birkaç kez bassan bile HTML’de yalnızca tek bir boşluk göründüğü için bir seferde birden fazla boşluk eklemek için HTML etiketleri kullanman gerekir.

Adımlar

  1. 1
    Bölünemeyen bir boşluk ekle. HTML, boşluk tuşuna ne kadar basarsan bas normalde kelimelerin arasında yalnızca bir boşluk gösterir. Fazladan bir boşluk oluşturmak için boşluğu oluşturmak istediğin yere   yaz.[1]
    • Örneğin; Hoş   geldin! yazınca "Hoş" ile "geldin!" arasında fazladan bir boşluk oluşur.
    • Buna bölünemeyen boşluk denmesinin sebebi bulunduğu yerin satır sonu olmasını engellemesidir. Bu karakteri fazla kullanırsan tarayıcılar satır sonlarını derli toplu ve okunabilir şekilde oluşturmakta zorlanır.[2]
    • Boşluk oluşturmak için   ifadesini de kullanabilirsin.
  2. 2
    Farklı genişliklerde boşluklar ekle. Aşağıdaki seçeneklerden herhangi birini kullanarak daha uzun bir boşluk ekleyebilirsin:[3]
    • İki boşluk -   yaz.
    • Dört boşluk -   yaz.
    • Sekme -      yaz.
  3. 3
    Satır başlarını CSS ile yap. CSS ile yapılan iç boşluk ve kenar boşluğu ayarlamaları, görüntüleme yönergelerini tarayıcıya doğrudan iletir; böylece   etiketinin ortaya koyduğu sonuçtan daha tutarlı bir sonuç alınır.[4]
    • HTML belgenin <head></head> bölümüne şu kodu ekle:
      <style>p.indent{ padding-left: 1.8em }</style>
    • Şimdi HTML belgenin body (gövde) kısmına dön. Paragraf başı yapmak istediğin zaman paragrafı bu etiketlerin arasına yerleştir.
      <p class="indent"></p>
    • Paragraf başını ayarlamak için CSS kodundaki "1.8" numarasını değiştir. Numaradan sonraki "em" ifadesini silme; bu, yazı tipi boyutuyla alakalı bir uzunluk ölçüsüdür.[5]
  4. 4
    Bir satır sonu oluştur. <br> yazınca takip eden tüm metinler bir satır aşağı itilir. Bir metnin bir satırından önce <br> yazmak ise o satır ile yukarıdaki satırın arasına bir boşluk koyar.
    • Örneğin; Ben bir denizayısıyım.<br>Uzun dişlerim vardır. yazmak "Ben bir denizayısıyım." ve "Uzun dişlerim vardır." ifadelerinin farklı satırlarda görünmesini sağlar.
    • <br> etiketlerini alt alta yazarak birkaç boşluk oluşturabilirsin.
  5. 5
    Gerekirse bir paragraf tanımla. Paragraf olarak kullanmak istediğin uzun bir metnin varsa paragrafın önüne <p>, sonuna da </p> yazarsan paragraf sayfadaki biçimlendirilmemiş tüm metinlerden ayrılır.
    • Çoğu tarayıcı paragrafları boş bir satır ile ayırır; ama kusursuz bir stil oluşacağı kesin değildir.[6]
  6. 6
    Boşlukların tanınması için, önceden biçimlendirilmiş metin kullan. Metnini önceden biçimlendirirsen yazarak oluşturduğun tüm boşluklar HTML sayfasında görünür (örneğin; yazarken dört boşluk oluşturunca dört boşluk görünür). Metne ön biçimlendirme uygulamak için kullanmak istediğin metnin önüne <pre>, sonuna da </pre> yaz.[7]
    • Önceden formatlanmış metinlerde Enter’a her basıldığında satır aralığı oluşur.

İpuçları

  • CSS, sayfanı düzenlemek için çok daha güçlü ve öngörülebilir bir araçtır; buna metninin boşluklarını ayarlamak da dâhil.
  • Bölünemeyen boşluk &nbsp; bir karakter varlığı numunesidir; yani klavyenle yazamayacağın bir karaktere referans oluşturan bir koddur.
  • Boşlukların web tarayıcısında garip şekiller halinde görünürse bunun sebebi muhtemelen İnternet’te görünmesi amaçlayan, kelime işleme biçiminde depolanan fazlalık verilerdir. Bunun önüne geçmek için Not Defteri veya TextEdit gibi yalın metin düzenleyicileri kullan.

Uyarılar

  • HTML kodlarını her zaman bir kod düzenleyicisinde veya bir yalın metin dosyasında yaz; kelime işleme dosya formatı kullanma.
  • Tab &#09; tuşunun HTML karakteri düşündüğün gibi çalışmayabilir. Standart bir HTML belgesinde sekme noktaları bulunmaz; yani sekme karakteri çalışmaz.

Makale Bilgisi

Kategoriler: Bilgisayar ve Elektronik Cihazlar

Diğer dillerde:

English: Insert Spaces in HTML, Español: insertar espacios en HTML, Português: Inserir Espaços no HTML, Français: insérer des espaces dans un code HTML, Русский: вставить пробелы в HTML, Italiano: Inserire gli Spazi in HTML, Deutsch: Leerzeichen in HTML einfügen, 中文: 在HTML中插入空格, Bahasa Indonesia: Menyisipkan Spasi Dalam HTML, Nederlands: Spaties in HTML toevoegen, العربية: إدراج مسافات في لغة اتش تي ام ال, ไทย: เว้นวรรคห่างๆ ใน HTML, 日本語: HTMLでスペースを挿入する, 한국어: HTML에 공백 넣는 방법, Tiếng Việt: Chèn khoảng trống trong HTML, हिन्दी: HTML में स्पेस इन्सर्ट करना सीखें (Insert Spaces in HTML)

Bu sayfaya 313 defa erişilmiş.
Bu makale işine yaradı mı?