HTML paragraf etiketi (<p>) Test 1

🎓 HTML paragraf etiketi (<p>) Test 1 - Ders Notu

Bu ders notu, HTML paragraf etiketi (<p>) ile ilgili temel bilgileri, kullanım amaçlarını ve önemli özelliklerini kapsamaktadır. Bu not, "HTML paragraf etiketi (<p>) Test 1" sınavına hazırlanırken başvurabileceğiniz sade bir rehberdir.

📌 <p> Etiketinin Amacı ve Tanımı

HTML'de <p> etiketi, web sayfalarında metin bloklarını, yani paragrafları tanımlamak için kullanılır. Bu etiket, tarayıcıya belirli bir metin parçasının bir paragraf olduğunu ve dolayısıyla diğer içeriklerden görsel olarak ayrılması gerektiğini bildirir.

• Metinleri yapılandırmak ve okunabilirliği artırmak için kullanılır.
• Her <p> etiketi, genellikle öncesinde ve sonrasında otomatik olarak bir boşluk (margin) bırakır, bu da paragraflar arasında görsel bir ayrım sağlar.
• Tarayıcılar, <p> etiketini bir "blok seviyesi" (block-level) element olarak işler.

💡 İpucu: Bir paragraf, genellikle bir veya daha fazla cümleden oluşan, kendi içinde anlam bütünlüğü olan bir metin bloğudur.

📝 <p> Etiketinin Kullanımı ve Söz Dizimi

<p> etiketi, açılış (<p>) ve kapanış (</p>) etiketlerinden oluşur ve paragrafın içeriği bu iki etiket arasına yazılır.

• Açılış Etiketi: <p>
• Kapanış Etiketi: </p>
• İçerik: Paragrafın asıl metni bu iki etiket arasında yer alır.

Örnek:

<p>Bu bir örnek paragraftır.</p>

<p>Bu da ikinci bir paragraftır. Her paragraf ayrı bir satırda başlar.</p>

⚠️ Dikkat: Modern HTML5 standartlarında kapanış etiketi (</p>) zorunludur. Kapanış etiketi olmayan veya hatalı kullanımlar tarayıcıda beklenmedik sonuçlara yol açabilir.

🧱 Blok Seviyesi Element Olması

HTML etiketleri genellikle iki ana kategoriye ayrılır: blok seviyesi (block-level) ve satır içi (inline) elementler. <p> etiketi bir blok seviyesi elementtir.

• Blok Seviyesi: Kendi başına tüm satırı kaplar ve kendisinden sonra gelen elementi yeni bir satıra iter. Genellikle öncesinde ve sonrasında boşluk (margin) bırakır.
• Satır İçi (Örnek): <span>, <a>, <b> gibi etiketler sadece kapladıkları içerik kadar yer tutar ve diğer elementleri aynı satırda barındırabilir.
• Bu özellik, web sayfanızın düzeni üzerinde önemli bir etkiye sahiptir.

💡 İpucu: Bir <p> etiketi içine başka bir blok seviyesi element (örneğin başka bir <p> etiketi veya <div>) yerleştirmek doğru bir kullanım değildir ve tarayıcı tarafından hatalı yorumlanabilir.

✨ Boşluk Karakterlerinin Yönetimi

HTML, paragraflar içerisindeki ardışık boşluk karakterlerini (birden fazla boşluk, sekme, yeni satır) tek bir boşluk olarak işleme eğilimindedir. Bu davranışa "boşluk daraltma" (whitespace collapsing) denir.

• Bir paragraf içinde ne kadar boşluk bırakırsanız bırakın, tarayıcı bunu tek bir boşluk olarak gösterir.
• Yeni satır karakterleri (Enter tuşu ile oluşturulanlar) de paragraf içinde sadece tek bir boşluk olarak algılanır.
• Eğer birden fazla boşluk veya yeni satır görünmesini istiyorsanız, özel HTML varlıkları ( ) veya CSS özellikleri (white-space) kullanmanız gerekir.

Örnek:

<p>Bu metin çok fazla boşluk içeriyor.</p>

Yukarıdaki kod çıktıda "Bu metin çok fazla boşluk içeriyor." şeklinde görünecektir.

⚠️ Dikkat: Bir paragraf içinde yeni bir satır oluşturmak için <br> (break) etiketini kullanmanız gerekir, sadece Enter tuşuna basmak işe yaramaz.