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>
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>
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>
Adres
<html>
<body>
<address>
Nasrettin Hoca<br>
Posta Kutusu 26123<br>
Eskisehir<br>
Turkiye
</address>
</body>
</html>
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>
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>
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>
Düzeltme
<html>
<body>
<p> bir duzine <del>onbir</del>
<ins>oniki</ins>
ye esittir.</p>
</body>
</html>
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...
Copyright © 2005 Uzerine.com