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

X

Pin It on Pinterest

X