v2.5.2
Giriş yap

HTML'de Paragraf Etiketleri

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

<p>Bu bir paragraftır.</p>
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>

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>

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

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>

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

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.

tayfunerbilen
2024 gün önce yazdı - 12066 kez görüntülendi.
Önceki Başlık Etiketleri Sonraki Metin Biçimlendirme Etiketleri