Html'de Yazı

White space karekterler

White space boşluk,tab gibi yazıya dahil olmayan karekterler için kullanılır. Html'de bu karakterler dikkate alınmaz. Sadece pre etiketinde bu karekterler dikkate alınır. Aşağıdaki kodda'ki boşluklar dikkate alınmayacaklardır.

Göster Gizle Kopar Satır Gizle Satır Göster

  1 <html>
  2 <body>
  3 	<p> 
  4 		aglasam sesimi duyar misiniz misralarim da?
  5 		dokunabilir misin ellerinizle göz yaslarima?
  6 	</p>
  7 </body>
  8 </html>

Sonuç olarak browser tek satırlık ağlasam sesimi duyar mısınız mısralarım da? dokunabilir misini ellerinizle göz yaşlarıma yazısını yazar. Çünkü p tag'i yeni satır karekterini ve tab karekterini dikkate almaz. Ancak p yerine pre tag'i kullanırsa istenen görüntü elde edilir.

Paragraf-P Tag'i

Html'de paragraf yazmak için p tag'i kullanılır. Ancak p tag'i yeni satır karekterini tanımadığı için tüm yazıları tek bir satıra yazar. Eğer yeni bir satıra geçmek istiyorsak br tag'i kullanılmalıdır. br tag'i yazının alt satırdan devam etmesini sağlar. Aşağıda üç satırlık bir paragraf yazı yazıyoruz.

Göster Gizle Kopar Satır Gizle Satır Göster

  1 <html>
  2 <body>
  3 	<p>Html'de white space denilen karekterler dikkate alinmaz. O yüzden br etiketi kullanacagim <br> artik alt satirdan yazima devam ediyorum. yeni bir satir açaçagim zaman yine <br> kullaniyorum. Simdi üçüncü satirdayim.</p>
  4 </body>
  5 </html>

Göster Gizle Kopar Satır Gizle Satır Göster

Pre Tag'i

Yukardaki şiir örneğinde yazdığımız şiiri p tag'i tek bir satılık yazı haline getirmişti. Eğer şiir'in biçimini korumak istiyorsak pre tag'i kullanmalıyız. pre etiketi white space denilen karekterler dikkate alır. Yazdığınız yazı aynen görünür. Aşağıda kullandığımız pre tag'i ile istediğimiz görüntüyü elde ederiz.

Göster Gizle Kopar Satır Gizle Satır Göster

  1 <html>
  2 <body>
  3 	<pre>
  4 		aglasam sesimi duyar misiniz misralarim da?
  5 		dokunabilir misin ellerinizle göz yaslarima?
  6 	</pre>
  7 </body>
  8 </html>

Dosya Listesi