HTML Paragraf Yapısı!

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 …