Bücdet - Bilginin Sayfası

Yazı Biçimi

Bu dersimizde yazı karakterlerinin biçimi, font ailesi, büyüklüğü gibi konular işlenecek. Ancak bu konular üzerinde CSS dersleri sırasında yoğunlaşacağımız için, yüzeysel bir tanıtımda bulunacağım.

Yazı Tarzları

HTML'de harfleri koyu, eğik veya altı çizili yapmaya yarayan komutları görmüştük. Aşağıda hem daha önce gördüklerimiz, hem de yeni göreceğimiz kodlar yer alıyor:

-Harfleri koyulaştırır.(bold)

-Harfleri koyulaştırır.

<big></big>-Harflerin boyutunu büyütür.

-Harflerin boyutunu küçültür.

-Harfleri eğik hale getirir.(emphasized)

-Harfleri eğik hale getirir.(italic)

-Harfleri alt simge haline getirir. (subscript)

-Harfleri üst simge haline getirir. (superscript)

<del></del>-Harfleri üstü çizili hale getirir. (deleted)

<ins></ins>-Harfleri altı çizili hale getirir. (inserted)

-Harfleri altı çizili hale getirir.(underlined)

Bazı kodların aynı işlevi gördüğünü farketmişsinizdir. Aşağıdaki uygulama üzerinde göz gezdirirseniz, bu kodlar üzerinde yeterince durmuş olacağımız düşüncesindeyim.

<html>
 <head>
 <title>HTML Yazı Biçimi</title>
 </head>
 <body>
 : trabzonsporun son şampiyonluğunun 100. yıl dönümünü kutlarız. 
 : trabzonsporun son şampiyonluğunun 100. yıl dönümünü kutlarız. 
 <big>: trabzonsporun son <big>şampiyonluğunun</big> 100. yıl dönümünü kutlarız. 
 : trabzonsporun son şampiyonluğunun 100. yıl dönümünü kutlarız. 
 : trabzonsporun son şampiyonluğunun 100. yıl dönümünü kutlarız. 
 : trabzonsporun son şampiyonluğunun 100. yıl dönümünü kutlarız. 
 : trabzonsporun son şampiyonluğunun 100. yıl dönümünü kutlarız. 
 : trabzonsporun son şampiyonluğunun 100. yıl dönümünü kutlarız. 
 <del>: trabzonsporun son <del>şampiyonluğunun</del> 100. yıl dönümünü kutlarız. 
 <ins>: trabzonsporun son <ins>şampiyonluğunun</ins> 100. yıl dönümünü kutlarız. 
 : trabzonsporun son şampiyonluğunun 100. yıl dönümünü kutlarız. 
 </body>
 </html>

Font Formatı

HTML'de fontların rengini, büyüklüğünü ve karakterini belirlemek için ... kodundan ve bu kodun parametrelerinden yararlanırız.

Font Büyüklüğü

Fontların büyüklüğü için HTML; Word gibi piksel değil, kendince ölçü birimleri kullanır. (Tabi pixel veya point kullanması da söz konusu ama onları henüz anlatmayacağım. CSS derslerini bekleyin.) Fontların büyüklüğünü belirlemek için "size=" (ölçü) parametresi kullanılır. En küçük birim 1'e, en büyük birim ise 7'ye eşittir. Siz herhangi bir değer vermezseniz ("size" parametresini kullanmazsanız), HTML 3 birim büyüklüğünde fontlar kullanacaktır.

Yukarıdaki uygulamayla fontların 1'den 7'ye kadar tüm boyutlarını görebiliyoruz. Gözden kaçmaması gereken diğer bir nokta da şu: Son satırda "size" parametresini kullanmamıştık, bu nedenle HTML bu ifadeyi 3 birim boyutta yazdı. HTML'in fontlar için varsayılan (default) değerinin 3 olduğunu yazmıştık. Eğer siz ölçü birimi olarak -1 yazarsanız, HTML bunu 2 (varsayılan değerin bir eksiği) olarak algılar, +2 yazarsanız, HTML bunu 5 (varsayılan değerin 2 fazlası) olarak algılar. Daha ayrıntılı bilgiyi CSS derslerinde göreceğiz.

Font Rengi

Bir başka  parametresi de "color" (renk) kodudur. Tahmin edeceğiniz üzere bu parametrenin işlevi fontların rengini belirlemektir. Fazla söze gerek yok, uygulamaya baksak yeterli olur di mi?

Tabi HTML bizi bildiğimiz İngizlizce renk isimleriyle kısıtlamamış, color parametresi çoğu bilgisayar yazılımlarının kabul ettiği RGB (red-green-blue) renk sistemini kabul etmiştir. Bu renk sistemini ayrı bir sayfada anlatıyorum: RGB renk sistemi Gözünüzde büyütmeyin, anlaması çok kolay birşey.

Font Türü

Fontların renklerini ve boyutlarını belirleyebiliyoruz artık. Sıra geldi fontların cinsini belirlemeye. O da yine  kodunun face parametresiyle belirleniyor. Burada önemli olan iki husus var. Birincisi, düşük sürümlü navigator'lar her fontu desteklemez (ama artık kimse düşük navigator'lı ikinci sınıf insanları iplemiyor), ikincisi ise internet kullanıcısının hard diskinde sizin belirlediğiniz fontlar yoksa, yazıları kendi bilgisayarının varsayılan font türü ile okur. Bu nedenle yaygın olmayan fontları kullanmamaya çalışın. Aşağıdaki uygulamada çok kullanılan font türlerinden örnekler verdim:

Aslında kodunun başka parametreleri de var. Ama bunları şimdilik anlatmıyorum. Bu kadarı başlangıç için yeter de artar bile. Bu sayfalık dersimiz bitmiştir, çok sıkılmadınız umarım. (ben biraz sıkılmaya başladım, ama ileride yapacağımız uygulamaları düşününce bu sıkıntıya değeceğini düşünüyorum.)

Yazi Bicimi