html öne çıkan görsel

HTML Paragraf Etiketi ve Formatları

Merhaba arkadaşlar, önceki yazımda genel bir web yapısını oluşturmuştuk. Şimdi paragraf etiketi ile devam ediyoruz.

<p> Etiketi

Herhangi bir paragraf oluşturmak için <p> etiketini açıp </p> ile kapatmanız yeterlidir. Araya istediğinizi yazabilirsiniz.

Bunu çalıştırdığınızda göreceksiniz, tarayıcılar paragraf öncesine ve sonrasına 1 satır boşluk eklemektedir.

<br /> Etiketi

Satır kesme olarak geçmektedir fakat Türkçe olarak alt satıra atmaya yarar diyebiliriz. Bu etiketi paragraf etiketi içerisinde de kullanabilirsiniz.

Bunun ekran çıktısına beraber bakalım.

html paragraf etiketi kullanım örneği

Burada bir şeye dikkat etmek gerekir. <br /> etiketinin kapanışı yoktur. <br> olarak da yazsanız çalışmaktadır.

Paragraf Formatları

Bu kısımda ise paragrafları nasıl biçimlendireceğimizi göreceğiz. Aslında bu formatlar da birer HTML etiketidir. Bunun size direkt olarak örneğini vermek istiyorum bu sayede daha iyi anlayabilirsiniz.

Öncelikle kodumuz:

Bu da tarayıcı üzerindeki görüntüsü:

paragraf fotmatları

Burada aynı olarak görünen etiketler olsa da <b> etiketi kalın, <i> etiketi italik anlamına gelirken, <strong> ve <em> etiketleri paragrafın önemli olduğunu belirtir. Bu durum kullanıcı gözünde değişmez iken arama motoru tarafından sıralamayı etkileyebilmektedir. (Bu etki önceden çok olsa da şu anda içeriğin kalitesini ölçen algoritmalar geliştirildiğinden pek fark ettirdiği söylenemez.)

Bu etiketler iç içe de kullanılabilmektedir. İç içe kullanılacağı zaman sırası fark etmemektedir. Bir metin hem üstü çizili hem kalın olabilir.

Umarım anlaşılır olmuştur. Bundan sonraki yazımda da başlık elementlerini anlatacağım.

 

 

Bir cevap yazın