HTML'de paragraflar <p> etiketi ile işaretlenir. Örnek vermek gerekirse;

<p>Bu bir paragraftır.</p>
HTML
UNUTMADAN
Web tarayıcıları <p> etiketini yorumlarken bazı CSS özellikleri ekleyecekler. Paragrafın öncesine ve sonrasına boşluk gelecektir. CSS'in ne olduğunu bilmiyorsanız buna daha sonra geleceğiz.

Paragraf etiketi içerisindeki metinlerin yazdığınız gibi birebir aynı görünmeme durumları olabilir. Örnek vermek gerekirse;

<p>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir.
    
    Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 
        1500'lerden beri      endüstri standardı sahte metinler olarak kullanılmıştır. Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, 
        aynı zamanda pek değişmeden         elektronik dizgiye de        sıçramıştır. 
        1960'larda Lorem Ipsum pasajları da içeren Letraset yapraklarının       yayınlanması ile ve yakın zamanda 
        Aldus PageMaker gibi Lorem Ipsum sürümleri içeren masaüstü yayıncılık
        yazılımları ile popüler olmuştur.</p>
HTML

Tabi biz yukarıdaki örneği biraz abarttık ancak bu şekilde alt satıra inmeler, boşluklar vs. tarayıcılar yorumlarken bunların tamamını kaldırıyorlar. Yani yukarıdaki çıktığının görüntüsü şöyle gözüküyor olacak;

Bu şekilde gözükmesini istediğimiz durumlarda başka bir alternatif etiketi tercih edebiliriz. Mesela hangisi olabilir? Onu makalenin sonunda göreceğiz :)

HTML <br> Etiketi

<br> etiketi kendiliğinden kapanan etiket türüne bir örnektir. Ve bu etiket satır sonunu belirtmek için kullanılır. Örneğin alt alta iki ifade yazacaksınız, bir sonrakinin alttan başlamasını belirtmek için satır sonu etiketini yani <br> yi kullanacaksınız.

Bir örnekle daha iyi anlayacak olursak;

<p>
    Prototurk.com <br>
    Online Web Eğitimleri
</p>
HTML

Bu örneği tarayıcıda çalıştırdığınızda şöyle bir çıktı alacaksınız.

 
HTML <br> Etiketi Örneği
 

Birden fazla <br> etiketi kullanarak birden fazla satır aşağıya inebilirsiniz.

HTML <pre> Etiketi

<pre> etiket, önceden formatlı olan metinleri işaretlemek için kullanılır. Yukarıda paragraf için verdiğimiz örneğin aynısın <pre> etiketi için verecek olursak;

<pre>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir.
    
    Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 
        1500'lerden beri      endüstri standardı sahte metinler olarak kullanılmıştır. Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, 
        aynı zamanda pek değişmeden         elektronik dizgiye de        sıçramıştır. 
        1960'larda Lorem Ipsum pasajları da içeren Letraset yapraklarının       yayınlanması ile ve yakın zamanda 
        Aldus PageMaker gibi Lorem Ipsum sürümleri içeren masaüstü yayıncılık
        yazılımları ile popüler olmuştur.</pre>
HTML

Sonuç aşağıdaki gibi olacaktır;

 
HTML <pre> Etiketi Örneği
 

Hatta sizin bu sayfada bile kod örneklerini gördüğünüz kısımlar <pre> etiketi olarak tanımlanmıştır. Yani aynı zamanda bu şekilde kodları vs. işaretlerkende önceden formatlı olduğu için bu etiketi kullanabilirsiniz.