HTML <p> etiketi

Tanım ve Kullanım

<p> etiketi, paragraf olarak tanımlar.

Tarayıcı, her bir <p> Elemanların önüne ve arkasına bir boş satır ekleyin.

İpucu:CSS kullanarak Paragraf stilleri ayarlama.

Ayrıca bakınız:

HTML Eğitimi:HTML Paragraf

HTML DOM Referans Kılavuzu:Paragraph nesnesi

Örnek

Örnek 1

Paragrafları böyle işaretleyin:

<p>Bu paragrafın bazı metinleri.</p>

Kendi Kendine Deneyin

Örnek 2

Paragraf metnini hizalama (CSS kullanarak):

<p style="text-align:right">Bu paragrafın bazı metinleri.</p>

Kendi Kendine Deneyin

Örnek 3

CSS ile paragraf stilleri kullanımı:

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>
<p>Çin, resmi olarak Çin Halk Cumhuriyeti (PRC) olarak bilinir, Doğu Asya'da bir ülkedir. Dünyanın ikinci en kalabalık ülkesidir ve nüfusu 1.4 milyarın üzerindedır. Çin, beş zaman dilimine denk gelen bir alana sahiptir ve karşısında on dört ülke ile sınırlanmıştır. Yaklaşık 9.6 milyon kilometrekare (3.700.000 sq mi) alanı ile, toplam kara alanı açısından dünyanın üçüncü büyük ülkesidir. Ülke, 22 eyalet, beş özerk bölge, dört belediye ve iki yarı özerk özel yönetim bölgesine ayrılmıştır. Pekin ulusal başkenttir, Shangay ise nüfusu en fazla ve en büyük finans merkezi olan şehirdir.</p>
</body>
</html>

Kendi Kendine Deneyin

Örnek 4

Daha fazla paragraf:

<p>
Kaynak kodunda,
Bu paragraf
Bir çok satır içerir,
Ama tarayıcılar
Onu göz ardı edin.
</p>

Kendi Kendine Deneyin

Örnek 5

HTML'deki Şiir Sorunu:

<p>
　　Günaydın, Beyaz Emirin arasından ayrıldım,
　　Bin bir mil yol bir gün döndü.
　　Kapılar kapalı,
　　Boğazın öte yakasında yalnız bir tekneci
</p>

Kendi Kendine Deneyin

Genel Özellikler

<p> Bu etiketler HTML'deki Genel Özellikler.

event özelliklerini destekler

<p> Bu etiketler HTML'deki Event Özellikleri.

Varsayılan CSS Ayarları

Çoğu tarayıcı aşağıdaki varsayılan değerleri kullanarak görüntüleyecektir <p> Element:

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

Kendi Kendine Deneyin

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek