HTML DERSLERİ
Ders3: 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:
| <b></b> |
Harfleri koyulaştırır.(bold) |
| <strong></strong> |
Harfleri koyulaştırır. |
| <big></big> |
Harflerin boyutunu büyütür. |
| <small></small> |
Harflerin boyutunu küçültür. |
| <em></em> |
Harfleri eğik hale getirir.(emphasized) |
| <i></i> |
Harfleri eğik hale getirir.(italic) |
| <sub></sub> |
Harfleri alt simge haline getirir. (subscript) |
| <sup></sup> |
Harfleri üst simge haline getirir. (superscript) |
| <del></del> |
Harfleri üstü çizili hale getirir. (deleted) |
| <ins></ins> |
Harfleri altı çizili hale getirir. (inserted) |
| <u></u> |
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.
Font Formatı
HTML'de fontların rengini, büyüklüğünü ve karakterini belirlemek için <font>...</font> 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 <font> 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 <font> 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:
