Anasayafa


Haber bülteni üyeliği



Ziyaret Bilgileri

[ Per, 28 Ağu 2014 ]
Toplam 25 ziyaret
14 benzersiz ziyaretçi

html » 5. Ders: HTML Metin Formatları

HTML Metin Formatları

HTML üzerinde kalın ve italik gibi bir çok format komutu vardır. Bu bölümde bu formatlar hakkında örnekler vereceğiz.

Örnekler
Metin Formatları

<hmtm>
<body>

<b>Bu metin kalin harfler ile yazildi.</b>
<br>

<strong>Bu metin vurgulu harfler ile yazildi.<strong>
<br>
<big>Bu metin iri harfler ile yazildi.</big>
<br>
<em>Bu metin egik harfler ile yazildi.</em>
<br>
<i>Bu metin italik harfler ile yazildi.</i>
<br>
<small>Bu metin ufak harfler ile yazildi.</small>
<br>
Bu metinde <sub>altta</sub> kucuk harfler var.
<br>
Bu metinde <sup>ustte</sup> buyuk harfler var.

</body>
</html>

 

metinformatlari

 

Pre Komutu ile Formatlanmış Metin
<hmtl>
<body>

<pre>Bu paragraf
pre formati ile
hazirlandi. Bu format
hem     bosluklari
hem de satirlari algiyor.</pre>

<p>Pre komutu bilgisayar komutlarini sunmak icin bire bir.</p>

<pre>
for i = 1 to 10
print i
next i
</pre>

</body>
</html>

 

komutpre

Bilgisayar Çıktı Komutları
<html>
<body>

<code>Bilgisayar kodu.</code>
<br>
<kbd>Klavye Girdisi.</kbd>
<br>
<tt>teletype metin.</tt>
<br>
<samp>Ornek metin.</samp>
<br>
<var>Bilgisayar degiskeni</var>

<p><b>NOT:</b> bu komutlar genelde bilgisayar/yazilim kodlarinin gosterilmesinde kullanilir.</p>
</body>
</html>

 

ciktikomutlari

Adres
<html>
<body>

<address>
Nasrettin Hoca<br>
Posta Kutusu 26123<br>
Eskisehir<br>
Turkiye
</address>

</body>
</html>


adres


Kısaltmalar
<html>
<body>

<abbr title="Istanbul Teknik Universitesi">ITU</abbr>
<br>
<acronym title="All Day I Dream About School"> A.D.I.D.A.S.</acronym>

<p>abbr ve acronym komutlari sadece destekleyen tarayicilarda calisir, gunumuzde bir cok tarayici bu komutlari destekler</p>

</body>
</html>

kisaltma

Metin Yönü
<html>
<body>

<p>Eger tarayaciniz ters yonde yazimi destekliyorsa (bi-directional override), alttaki satiri sagdan sola dogru okumaniz gerekecek</p>

<bdo dir="rtl">
Ters yazilmis bir satir
</bdo>

</body>
</html>

ltr


Alıntı

<html>
<body>

Uzun bir alinti
<blockquote>
Bu uzun bir alinti. Bu uzun bir alinti. Bu uzun bir alinti. Bu uzun bir alinti. Bu uzun bir alinti. Bu uzun bir alinti. Bu uzun bir alinti. Bu uzun bir alinti. Bu uzun bir alinti. Bu uzun bir alinti. Bu uzun bir alinti. Bu uzun bir alinti.
</blockquote>

Kisa bir alinti
<q> Bu kisa bir alinti.</q.>

</body>
</html>


alinti


Düzeltme
<html>
<body>

<p> bir duzine <del>onbir</del>
<ins>oniki</ins>
ye esittir.</p>

</body>
</html>

duzeltme


HTML kaynağı nasıl görüntüleriz?

Bir internet sayfasına bakıp acaba bunu nasıl yapmışlar diyorsanız farenizin sol tuşu ile sayfanın boş bir yerine tıklayın. Çıkan menüden ?sayfanın kaynağını göster? (?View Source?) seçeneğine tıklayın. İşte merak ettiğiniz kod orada.

Metin Format Komutları
Komut       Tanım
<b>          kalın harfler
<big>        iri harfler
<em>       eğik harfler
<i>           italik harfler
<small>    ufak harfler
<strong>   vurgulu harfler
<sub>       alt-küçük harfler
<sup>      üst-küçük harfler
<ins>       eklenen doğru kelime/cümle
<del>       çıkartılan yanlış kelime/cümle

Bilgisayar Çıktı Komutları
Komut      Tanım
<code>    Bilgisayar kodu fontu
<kbd>      Klavye girdisi fontu
<samp>   Örnek bilgisayar kodu fontu
<tt>         Teletype fontu
<var>      Değişken fontu
<pre>      Boşluk ve satırlara duyarlı girdi

Alıntı ve Tanım Komutları
Komut              Tanım
<abbr>            Kısaltma oluşturur
<acronym>      Akronim oluşturur
<address>       Adres formatında yazar
<bdo>             metin yazım yönü
<blockquote>   uzun alıntı
<q>                 kısa alıntı
<cite>             alıntı yapar
<def>              tanım oluşturur

 Sonraki ders için tıklayınız...

 

Editör Bilgileri

Mehmet Emrah Konya

Zibidi


Editöre Ulaşın

En Son Eklenenler

blizzard-entertainment
diablo3
ubisoft
kristof-kolomb
honore-de-balzac
mardin_katliami
tamiller

Uzerine.com Copyright © 2005 Uzerine.com
uzerine.com Ana Sayfa | Gizlilik Sözleşmesi | Üye Girişi