HTML Paragrafları
Paragraf her zaman yeni bir satırda başlar ve genellikle bir metin bloğudur.
HTML Paragrafları
HTML <p>
öğesi bir paragraf tanımlar.
Paragraf her zaman yeni bir satırda başlar ve tarayıcılar paragraftan önce ve sonra otomatik olarak biraz boşluk (kenar boşluğu) ekler.
Örnek
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML Görüntüsü
HTML'nin nasıl görüntüleneceğinden emin olamazsınız.
Büyük veya küçük ekranlar ve yeniden boyutlandırılmış pencereler farklı sonuçlar yaratacaktır.
HTML ile, HTML kodunuza fazladan boşluk veya fazladan satır ekleyerek görüntüyü değiştiremezsiniz.
Sayfa görüntülendiğinde tarayıcı, fazladan boşlukları ve satırları otomatik olarak kaldıracaktır:
Örnek
<p>
This paragraph
contains a lot of lines
in the source code,
but
the browser
ignores it.
</p>
<p>
This paragraph
contains
a lot of spaces
in the source
code,
but the browser
ignores
it.
</p>
HTML Yatay Kuralları
Etiket <hr>
, bir HTML sayfasındaki tematik bir mola tanımlar ve çoğunlukla yatay bir kural olarak görüntülenir.
Öğe , <hr>
bir HTML sayfasındaki içeriği ayırmak (veya bir değişikliği tanımlamak) için kullanılır:
Örnek
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
Etiket <hr>
boş bir etikettir, yani bitiş etiketi yoktur.
HTML Satır Sonları
HTML <br>
öğesi bir satır sonunu tanımlar.
<br>
Yeni bir paragraf başlatmadan bir satır sonu (yeni bir satır) istiyorsanız kullanın :
Örnek
<p>This is<br>a paragraph<br>with line breaks.</p>
Etiket <br>
boş bir etikettir, yani bitiş etiketi yoktur.
Şiir Problemi
Bu şiir tek bir satırda gösterilecektir:
Örnek
<p>
My Bonnie lies over
the ocean.
My Bonnie lies over the sea.
My Bonnie
lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
Çözüm - HTML <pre> Öğesi
HTML <pre>
öğesi, önceden biçimlendirilmiş metni tanımlar.
Bir <pre>
öğenin içindeki metin, sabit genişlikli bir yazı tipinde (genellikle Courier) görüntülenir ve hem boşlukları hem de satır sonlarını korur:
Örnek
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the
ocean.
Oh, bring back my Bonnie to me.
</pre>
HTML Alıştırmaları
HTML Etiket Referansı
W3Schools' etiket başvurusu, HTML öğeleri ve nitelikleri hakkında ek bilgiler içerir.
Tag | Description |
---|---|
<p> | Defines a paragraph |
<hr> | Defines a thematic change in the content |
<br> | Inserts a single line break |
<pre> | Defines pre-formatted text |
Mevcut tüm HTML etiketlerinin tam listesi için HTML Etiket Referansımızı ziyaret edin .