Temel Html Elemanları ve Metin Örnekleri

Temel Metin Biçimlendirme

Örnek 1: Kelime ve Satır Boşlukları Kullanma

Örnek 2:HX etiketleri ile başlık oluşturma

Örnek 3:P etiketi ile Paragraf Oluşturma

Örnek 4: br etiketi ile alt satıra inme

Örnek 5: Pre Etiketi Kullanımı

Örnek 6: Html Sıralı ve Sırasız Liste Elemanları

Örnek 1: Kelime ve Satır Boşlukları


Html ile hazırladığınız belgelerde kaynak kodda kelime, cümle veya satırlar arasında bıraktığınız boşluklar tarayıcı tarafından değerlendirmeye alınmaz

<p>
    Html ile hazırladığınız        belgelerde kaynak kodda kelime, cümle veya satırlar arasında bıraktığınız     boşluklar tarayıcı tarafından değerlendirmeye      alınmaz
    
    
    Aynı buı örnekte 
    olduğu
    gibi
    aşağıda
    ekran çıktısını 
    ögrebilirsiniz...

</p>

[wp-js-fiddle url=”http://jsfiddle.net/BilisimOgretmeni/9w2CR/” style=”width:100%; height:200px; border:solid #4173A0 1px;”]

Örnek 2:HX etiketleri ile başlık oluşturma


Html sayfalarında başlık oluşturmak için hx etitketini kullanabilirsiniz burada x değeri 1’den 6’ya kadar gidebilir x değeri büyüdükçe yazı fontu küçülür..

 <h1>Başlık1</h1>
  <h2>Başlık2</h2>
  <h3>Başlık3</h3>
  <h4>Başlık4</h4>
  <h5>Başlık5</h5>
  <h6>Başlık6</h6>

[wp-js-fiddle url=”http://jsfiddle.net/BilisimOgretmeni/ZRRZG/1/” style=”width:100%; height:200px; border:solid #4173A0 1px;”]

Örnek 3:P etiketi ile Paragraf Oluşturma


Sayfadaki yazıları paragraflara ayırmak için < p > etiketi kullanılır..

<h1>Temel Metin İşlemleri</h1>
    <p> Burası birinci paragraf sayfamızın ilk bilgileri burada yer alacak  </p>

  <h2>HX etiketi</h2>
    <p> İkinci Pragrafta size hx etiketi hakkında bilgiler verilecek</p>

  <h2>Boşluklar</h2>
    <p> Buda başka bir paragraf satır ve kelime arasındaki boşluklar tarayıcıda görüntülenmez...</p>

[wp-js-fiddle url=”http://jsfiddle.net/BilisimOgretmeni/XTMS9/1/” style=”width:100%; height:400px; border:solid #4173A0 1px;”]

Örnek 4: br etiketi ile alt satıra inme


br etiketi ile hazırladığınız sayfalarda metnin içinde istediğiniz her hangi bir yerde alt satıra inebilirsiniz..

Bu örnekte br etiketi kullannı mı açıklanıyor mesela burada <br> yan yana değil alt satırdan devam ediyor yazı çünkü br etiketi kullanıldı <br> burada <br> burada <br> ve burada olduğu gibi

[wp-js-fiddle url=”http://jsfiddle.net/BilisimOgretmeni/x4mfy/1/” style=”width:100%; height:200px; border:solid #4173A0 1px;”]

Örnek 5: Pre Etiketi Kullanımı


Pre etiketi ile boşluk, sekme veya satır sonu karakterleri korunarak ekran çıktısı aynı şekilde gösterilir..

Aşağıdaki yazdıklarım br etiketi olmamasına rağmen alt alta ve olduğu gibi çıkacak..
<pre>
burada br yok
       ama alt satırdan
           ve istediğim hizadan başladı... 
</pre>

[wp-js-fiddle url=”http://jsfiddle.net/BilisimOgretmeni/puykv/1/” style=”width:100%; height:200px; border:solid #4173A0 1px;”]

Örnek 6: Html Sıralı ve Sırasız Liste Elemanları


Html Dersleri – Sıralı, Sırasız Listeler