Bir paragraf her zaman yeni bir satırda başlar ve genellikle bir metin bloğudur.
HTML Paragraflar
HTML <p> öğesi bir paragrafı tanımlar.
Bir paragraf her zaman yeni bir satırda başlar ve tarayıcılar paragraftan önce ve sonra otomatik olarak bir miktar boşluk (kenar boşluğu) ekler.
<p>Bu Bir Paragraftır. Bu ilk paragraf olsun.</p>
<p>Bu da başka bir paragraf. Bu da bizim ikinci paragrafımız..</p>
HTML Dilinin Ekranda Görünmesi
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 yaratacaktır.
HTML ile, HTML kodunuza fazladan boşluk veya fazladan satır ekleyerek görüntüyü değiştiremezsiniz.
Tarayıcı, sayfa görüntülendiğinde fazladan boşlukları ve satırları otomatik olarak kaldıracaktır:
<p>Bu Bir Paragraftır.
Bu ilk paragraf olsun.</p>
<p>Bu da başka bir paragraf.
Bu da bizim ikinci paragrafımız..</p>
HTML Yatay Kuralları
<hr> etiketi, bir HTML sayfasında tematik bir ara tanımlar ve çoğunlukla yatay bir kural (çizgi) olarak görüntülenir.
<hr> öğesi, bir HTML sayfasındaki içeriği ayırmak (veya bir değişikliği tanımlamak) için kullanılır:
<p>Bu Bir Paragraftır. Bu ilk paragraf olsun.</p>
<hr>
<p>Bu da başka bir paragraf. Bu da bizim ikinci paragrafımız..</p>
<hr> etiketi boş bir etikettir. <hr> etiketinin kapatma etiketi yoktur. (<br> etiketinde olduğu gibi.)
HTML Satır Sonları
HTML <br> öğesi satır sonunu tanımlar.
Yeni bir paragrafa başlamadan satır sonu (yeni bir satır) istiyorsanız <br> etiketi kullanılır:
<p>Bu Bir Paragraftır. <br>Bu ilk paragraf olsun.</p>
<p>Bu da başka bir paragraf.<br>Bu da bizim ikinci paragrafımız..</p>
<br> etiketi boş bir etikettir. <br> etiketinin kapatma etiketi yoktur. (<hr> etiketinde olduğu gibi.)
HTML Dilinde Şiir Sorunu 🙂
Sitemiz için basit bir akrostiş şiir yazalım. 🙂
<p>
Tutkuyla kodlarım, her gün gelişirim,
Üretirken çözümler, bilgiyle işlerim,
Rakiplere fark atar, her zorlukla yarışırım,
Kod dünyasında, ben bir Türk Yazılımcıyım!
Yorulmaz çalışır, kodlarla uğraşır,
Aklını kullanır, her sorunu aşar,
Zorluğa meydan okur, her gün biraz daha büyür,
İleriye yönelir, bilgiyle dolu bir dünya kurar,
Liderdir, yazılımın büyülü dünyasında.
İçimde sevgi dolu, ışıl ışıl bir umut,
Mavi gökyüzü altında, sonsuz bir tutku.
</p>Türk Yazılımcı Kelimesiyle güzel bir akrostiş şiir çıkardık.
Ancak bir sorunumuz var. Daha önce de dediğimiz gibi <p> etiketi paragraf olarak yazacağından şiirimiz düzgün görünmeyecektir. Şiir problemimizi gidermek için <pre> etiketini kullanabiliriz.
<pre> Etiketi
HTML öğesi önceden biçimlendirilmiş metni tanımlar. öğesinin içindeki metin, sabit genişlikte bir yazı tipinde (genellikle tipinde) görüntülenir ve hem boşlukları hem de satır sonlarını korur:
<pre>
Tutkuyla kodlarım, her gün gelişirim,
Üretirken çözümler, bilgiyle işlerim,
Rakiplere fark atar, her zorlukla yarışırım,
Kod dünyasında, ben bir Türk Yazılımcıyım!
Yorulmaz çalışır, kodlarla uğraşır,
Aklını kullanır, her sorunu aşar,
Zorluğa meydan okur, her gün biraz daha büyür,
İleriye yönelir, bilgiyle dolu bir dünya kurar,
Liderdir, yazılımın büyülü dünyasında.
İçimde sevgi dolu, ışıl ışıl bir umut,
Mavi gökyüzü altında, sonsuz bir tutku.
</pre>
