HTML Paragrafları

Başlıkları zaten sayfa ve bölüm başlıkları için kullanıyorsunuz. Bir sayfadaki okunabilir gövde metninin çoğu paragraflara aittir. Bu ders p öğesine odaklanır — nasıl yazılır, tarayıcı nasıl gösterir ve düzenleyicideki boş satırlardan nasıl farklıdır.

HTML paragrafı nedir?

HTML paragrafı, p öğesiyle işaretlenen bir metin bloğudur. <p> ile açar, metni yazar ve </p> ile kapatırsınız. Paragraflar sıradan cümleler ve kısa gövde içerik blokları içindir; sayfa başlıkları için değil (onlar başlık öğelerini kullanır).

Doğrudan yanıt

Her gövde metni bloğunu kendi p etiketlerine sarın. Tarayıcı her p’yi bir paragraf sayar ve genellikle önüne ve arkasına boşluk ekler. HTML dosyanızda Enter’a çok basmak aynı boşluğu oluşturmaz — doğru öğeleri kullanmazsanız tarayıcı kaynaktaki fazla boşlukları birleştirir.

Örneği okumak

• İlk <p>…</p> bir paragraftır
• İkinci <p>…</p> başka bir paragraftır
• Tarayıcı onları ayrı bloklar olarak, genellikle aralarında boşlukla gösterir
• Etiketler arasındaki metin okuyucuların gördüğü içeriktir

Kaynaktaki boşluk düzen değildir

Düzenleyicide HTML dosyasını okumayı kolaylaştırmak için Enter’a basabilirsiniz. Bu, tarayıcının o boş satırları büyük boş boşluklar olarak göstereceği anlamına gelmez. Gerçek paragraf kırılmaları için ayrı p öğeleri kullanın. Aynı düşünce içinde satır sonu için — kısa bir adres veya şiir satırı gibi — <br> kullanabilirsiniz (öğelerle kısaca gördünüz).

Boş boşluk hileleri yerine paragrafları tercih edin

İçeriği aşağı itmek için boş <p></p> etiketlerini üst üste yığmayın. Birkaç fikirse tüm makaleyi tek dev paragrafa koymayın. Fikirleri net p bloklarına ayırın. Sonra CSS boşluk ve yazı tiplerini kontrol eder; HTML gerçek metin yapısını işaretlemelidir.

Kendiniz deneyin

1. Temel HTML iskeletinizi açın
2. Bir h1 ve altına iki kısa paragraf ekleyin
3. Kısa çok satırlı bir adres için <br> kullanan üçüncü bir paragraf ekleyin
4. Kaydedin ve sayfayı tarayıcıda açın
5. Gördüğünüzü kaynak dosyadaki boş satırlarla karşılaştırın

Sık yapılan hatalar

• Ayrı p etiketleri yerine kaynaktaki boş satırlara güvenmek
• Yalnızca sıradan gövde cümleleri gerektiğinde başlık kullanmak
• Yalnızca dikey boşluk için boş paragraf oluşturmak
• Uzun paragrafta kapanış </p>’yi unutmak
• İlgisiz fikirlerden oluşan tüm sayfayı tek bir p içine koymak

Özet

• Gövde metni genellikle p öğesine aittir
• Her paragraf kendi <p>…</p> bloğu olmalıdır
• Tarayıcılar tipik olarak paragraflar arasına boşluk ekler
• Kaynaktaki ekstra Enter gerçek düzen boşluğuna eşit değildir
• Gerektiğinde paragraf içinde satır sonu için <br> kullanın
• Yapıyı HTML’de tutun; boşluğu sonra CSS ile ince ayarlayın