HTML Paragraf Etiketi (p)

Bir önceki yazımızda HTML başlık etiketlerini görmüştük bu yazımızda ise HTML paragraf etiketi detaylı bir şekilde irdelenmiştir. HTML belgelerinde paragraf oluşturmak için <p> etiketinden yararlanılır.

Her bir paragraf yeni bir satır başını kullanacağı için her zaman yeni bir satırda başlar. Tıpkı başlık etiketlerinde olduğu gibi her bir paragraf etiketinden sonra da kendiliğinden bir satır atlanır:

See the Pen Untitled by 1kodum (@1kodum) on CodePen.

HTML kodlarına fazladan boşluk veya fazladan satır ekleyerek web tarayıcılarında gözükecek görüntü değiştirilemez. Bilakis bu fazladan boşluk ve satırlar tarayıcılar tarafından sayfa görüntülendiğinde otomatik olarak kaldıracaktır:

See the Pen Untitled by 1kodum (@1kodum) on CodePen.

<br> Etiketi

Yeni bir paragraf başlatmadan bir satır sonu bırakmak, yani yeni bir satır başlatmak için <br> etiketi kullanılır. Fark edileceği üzere <br> etiketi boş bir HTML elementidir. Bu demektir ki <br> etiketinin </br> şeklinde bir bitiş etiketi yoktur.

Ancak şöyle de bir durum var ki </br> yazmak kod alışkanlığı açısından daha uygundur. Bu nedenle bu şekilde kodlama alışkanlığı kazanmak tavsiye edilir. Ayrıca W3C Standartlarına göre de <br/> yazmak daha doğru bir kullanım kabul edilmektedir.

HTML Paragraf Etiketi ve Şiir Problemi

Yukarıda anlattıklarımız ışığında paragraf etiketi içine şiir yazmak istediğimizde bunların hepsi tek satırda görünecek. Bunu önlemek için mısra sayısı kadar paragraf etiketi veya <br/> etiketi kullanmak yerine <pre> etiketi içine şiir yazılır.

See the Pen Untitled by 1kodum (@1kodum) on CodePen.