4. Ders: P, Br ve Pre Etiketleri Kullanımı


Bizler bir kağıt üzerine yazımızı yazarken paragraflar oluştururuz. Bu paragraflar aslında yazımızın bölümleridir. Html üzerinde de aynı şekilde yazımızı paragraflar oluşturarak yazarız. Bunu yaparkende P etiketinden yararlanırız.

Örnek: 

<p>
Yinelenen bir sayfa içeriğinin okuyucunun dikkatini 
dağıttığı bilinen bir gerçektir. Lorem Ipsum kullanmanın amacı, 
sürekli 'buraya metin gelecek, buraya metin gelecek' 
yazmaya kıyasla daha dengeli bir harf dağılımı sağlayarak 
okunurluğu artırmasıdır.
</p>

<p>
Yinelenen bir sayfa içeriğinin okuyucunun dikkatini 
dağıttığı bilinen bir gerçektir. Lorem Ipsum kullanmanın amacı, 
sürekli 'buraya metin gelecek, buraya metin gelecek' 
yazmaya kıyasla daha dengeli bir harf dağılımı sağlayarak 
okunurluğu artırmasıdır.
</p> 

Önizleme:

Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir. Lorem Ipsum kullanmanın amacı, sürekli ‘buraya metin gelecek, buraya metin gelecek’ yazmaya kıyasla daha dengeli bir harf dağılımı sağlayarak okunurluğu artırmasıdır.

Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir. Lorem Ipsum kullanmanın amacı, sürekli ‘buraya metin gelecek, buraya metin gelecek’ yazmaya kıyasla daha dengeli bir harf dağılımı sağlayarak okunurluğu artırmasıdır.

Bu şekilde paragraflarımızı oluştururuz. Bir de bu paragrafları oluştururken satır sonu gelmeden birr alt satıra geçmemiz gerekebilmektedir. Bu gibi durumlarda ise br etiketi bizim imdatımıza koşmaktadır.

Örnek:

 <p>Yinelenen bir sayfa içeriğinin okuyucunun<br> dikkatini 
dağıttığı bilinen bir gerçektir. Lorem Ipsum<br> kullanmanın amacı, 
sürekli 'buraya metin gelecek, buraya metin gelecek' 
yazmaya kıyasla daha dengeli bir<br> harf dağılımı sağlayarak 
okunurluğu artırmasıdır.
</p> 

Önizleme:

Yinelenen bir sayfa içeriğinin okuyucunun
dikkatini dağıttığı bilinen bir gerçektir. Lorem Ipsum
kullanmanın amacı, sürekli ‘buraya metin gelecek, buraya metin gelecek’ yazmaya kıyasla daha dengeli bir
harf dağılımı sağlayarak okunurluğu artırmasıdır.

Bazen yazdıklarımızın aynen çıktı olarak görmek isteriz. Nasıl yani dediğinizi duyar gibiyim.  Örneğin en basit haliyle az önce bir alt satıra geçmek için br etiketini kullandık. Şimdide aynı uygulamayı pre etiketi ile yapalım.

Örnek:

 <pre>Yinelenen bir sayfa içeriğinin okuyucunun
dikkatini dağıttığı bilinen bir gerçektir. Lorem Ipsum
kullanmanın amacı, sürekli 'buraya metin gelecek, buraya 
metin gelecek' yazmaya kıyasla daha dengeli bir
harf dağılımı sağlayarak okunurluğu artırmasıdır.
</pre> 
Yinelenen bir sayfa içeriğinin okuyucunun
dikkatini dağıttığı bilinen bir gerçektir. Lorem Ipsum
kullanmanın amacı, sürekli 'buraya metin gelecek, buraya 
metin gelecek' yazmaya kıyasla daha dengeli bir
harf dağılımı sağlayarak okunurluğu artırmasıdır.

Dersimizin sonuna geldik. Görüşmek üzere…

Yayınlayan

Fuat ŞENGÜL

Fuat ŞENGÜL Samsun Havza ilçesinde 23.05.1990 da doğdu. Bilgisayar ile lise öğreniminde tanışan yazar Pascal, C/C++, Assembly ve Visual Basic dilleriyle birlikte yazılıma adım attı. 2008 yılında Fırat Üniversitesi Teknik Eğitim Fakültesi Bilgisayar öğretmenliğini kazandı. Öğrenimi sırasında web ve masaüstü yazılımları konusunda projelere imza atan yazar 2012 yılında mezun oldu. Yazar C/C++, C#, Asp.Net, Matlap, Jquery, Css ve Html gibi programlama dillerine hakim ve bu diller ile projeler üretmeye devam etmektedir. Bilişim Teknolojileri öğretmeni olarak görev yapmaktadır.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

seventeen − 2 =