HTML Paragrafları

HTML <p>öğesi bir paragraf tanımlar :

<p>Bu bir paragraf.</p>
<p>bu da başka bir paragraf.</p>

See the Pen paragraflar by ArmyYazılım (@armyyazilim) on CodePen.

Not: Tarayıcılar bir paragraftan önce ve sonra otomatik olarak beyaz bir boşluk (kenar boşluğu) ekler.

HTML Görüntüleme

HTML’nin nasıl görüntüleneceğinden emin olamazsınız.

Büyük veya küçük ekranlar ve yeniden boyutlandırılan pencereler farklı sonuçlar doğuracaktır.

HTML ile, HTML kodunuza fazladan boşluk veya fazladan satır ekleyerek çıktıyı değiştiremezsiniz.

Tarayıcı, sayfa görüntülendiğinde fazladan boşlukları ve fazladan satırları kaldıracak:

<p>
Bu bir paragraf
bu paragrafta
ne kadar
satır
olursa
olsun
satırları
tarayıcı
temizler.
</p>

<p>
bu paragrafta
ne kadar        boşluk
olursa       olsun
bü    tün boşluk lar
tarayıcı     tarafı     ndan
temi    z lenir.
</p>

Çıktısı;

See the Pen paragraf boşluk by ArmyYazılım (@armyyazilim) on CodePen.

Bitiş Etiketini Unutma

Son etiketi unutsanız bile çoğu tarayıcı HTML’yi doğru gösterecektir:

<p>Bu bir paragraf.
<p>Bu da ayrı bir paragraf.

See the Pen bitiş etiketi by ArmyYazılım (@armyyazilim) on CodePen.

Yukarıdaki örnek çoğu tarayıcıda işe yarar, ancak buna güvenmeyin. Siz etiketlerinizi mutlaka kapatın.

Not: Bitiş etiketini bırakmak, beklenmeyen sonuçlara veya hatalara neden olabilir.

HTML Satır Sonları

HTML <br>öğesi bir satır sonu tanımlar .

<br>Yeni bir paragrafa başlamadan satır sonu (yeni satır) istiyorsanız, kullanın :

<p>Bu bir <br>paragraftır<br>buda paragrafın altsatırıdır.</p>

Çıktısı;

See the Pen br li paragraf by ArmyYazılım (@armyyazilim) on CodePen.

<br>Etiketinin bitiş etiketi yoktur.

Şiir Sorunu

Bu şiir tek bir satırda gösterilecektir:

<p>
Ey serâser âleme sultân Süleymânum baba 

Tende cânum cânumun içinde cânânum baba

Bâyezidine kıyar mısun benüm cânum baba

Bî-günâhım Hak bilür devletlü sultânum baba

Enbiyâ ser-defteri ya'ni ki Âdem hakkıçün
</p>

See the Pen kanuni şiiri by ArmyYazılım (@armyyazilim) on CodePen.

HTML <pre> Elemanı

HTML <pre>öğesi önceden biçimlendirilmiş metni tanımlar.

Bir <pre>öğenin içindeki metin sabit genişlikte bir fontta (genellikle Courier) görüntülenir ve hem boşlukları hem de satır kesmelerini korur:

<pre>
Ey serâser âleme sultân Süleymânum baba 

Tende cânum cânumun içinde cânânum baba

Bâyezidine kıyar mısun benüm cânum baba

Bî-günâhım Hak bilür devletlü sultânum baba

Enbiyâ ser-defteri ya'ni ki Âdem hakkıçün
</pre>

Çıktısı;

See the Pen pre şiir by ArmyYazılım (@armyyazilim) on CodePen.

HTML Etiketi Referansı

ArmyYazılım’ın etiket referansı, HTML öğeleri ve öznitelikleri hakkında ek bilgiler içerir.

Etiket	Açıklama
<p>	Paragrafı tanımlar
<br>	Tek satır sonu ekler
<pre>	Önceden biçimlendirilmiş metni tanımlar

İlginizi çekebilir…

WordPress Kişisel Blog Temaları! (Ücretli – Ücretsiz)

Bu makaleyi beğendiyseniz, lütfen WordPress video eğiticileri için YouTube Kanalımıza abone olun . Bizi Twitter ve İnstagram‘da da bulabilirsiniz …