HTML'de Paragraf Etiketleri
HTML'de paragraflar <p>
etiketi ile işaretlenir. Örnek vermek gerekirse;
<p>Bu bir paragraftır.</p>
Editörde Görüntüle<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>
Editörde GörüntüleTabi 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>
Editörde GörüntüleBu ö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>
Editörde GörüntüleSonuç 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.