Font etiketinin kullanımı;
<font face="..." size="..." color="...">...</font>
face = yazıtipinin adı (arial, tahoma, verdana, ...)
size = yazının büyüklüğü (1-7 arası)
color = yazının rengi (red, green gibi renklerin
ingilizce karşılığı yada RGB renk değeri)
Bunlara font etiketinin parametreleri diyoruz.
<font> etiketinin yanısıra öğreneceğimiz bir diğer etiket <br>
etiketi. Önce bu etiketin kullanımını göreceğiz. <br> etiketi
bir bakıma enter tuşunun görevini görüyor. Bunu biraz
açıklayalım; HTML'de metinleri yazarken kullandığımız editörde
bir alt satıra geçmek için Enter tuşunu kullanırız. Fakat
HTML dilinde bunun hiçbir anlamı yoktur, tüm kodları ve
metinleri tek satırda dahi yazsanız browser açısından
farketmeyecektir. Bu yüzden metinleri bölmek, yani ikinci satıra
atmak için <br> etiketini kullanıyoruz. İstisnai etiketlerden
birisi bu: <br> etiketi sonlandırılmıyor.
Buna bir örnek verelim;
<html>
<head>
<title>BR etiketi</title>
</head>
<body>
pazartesi
salı
çarşamba
<br>ocak<br> şubat<br> mart<br> nisan
</body>
</html>
Yukarıdaki örneğimizde "pazartesi, salı ve çarşamba"yı
yazarken Enter tuşu ile bir alt satıra geçmemize rağmen browser
bunu gözönüne almayarak tüm metni bir satırda yazdı. Fakat
ikinci sefer ay adlarını tek bir satıra yazdığımız halde bu kez
browser aradaki <br> etiketine bakarak bir sonraki metni satır
başına aldı. Buradan da anlaşıldığı üzere metni bir alt satıra
geçirmek için <br> etiketini kullanıyoruz. Bu etiketin bir
özelliği de sonlandırılmaması.
Şimdi font etiketinin kullanımını bir örnekle inceleyelim.
Eğer kullanmak istediğiniz font bilgisayarınızda yüklü değilse
font etiketi ile biçimlemek istediğiniz metin browser'ın
varsayılan fontu ile gösterilecektir. Bu yüzden önce
sisteminizde yüklü olan fontları inceleyin
(Başlat/Ayarlar/Denetim Masası/Yazıtipleri). Buradan
yazıtiplerini açarak inceleyebilir ve beğendiklerinizi
kullanabilirsiniz. Eğer benim örnekte kullandığım yazıtipleri
(tahoma, comic sans ms, verdana, arial) sisteminizde yüklü
değilse bunun yerine sizde yüklü olan istediğiniz bir fontu
kullanabilirsiniz.
<html>
<head>
<title>Renkler ve Mevsimler</title>
</head>
<body>
<font face="tahoma" size="5" color="#008000">İlkbahar</font>
<br>
<font face="verdana" size="5" color="#ff0000">Yaz</font>
<br>
<font face="arial" size="5" color="#ffff00">Sonbahar</font>
<br>
<font face="comic sans ms" size="5" color="#0000ff">Kış</font>
<br>
</body>
</html>
Her zamankinden farklı olarak ve ilk defa sayfamızda renk
kullandık. Örnekte de gördüğünüz gibi bu işi renk kodlarıyla
yaptık. Aslında bunun bir yolu daha var; o da renk kodu yerine
rengin ingilizce adını yazmak (color="red" gibi).
Bu konuyu renkler bölümünde ayrıntılı olarak
inceleyeceğiz. Burada yalnız bir kaç örnekle yetinelim:
Kırmızı-red
Mavi-blue
Siyah-black
Sarı-yellow
Lacivert-navy
ANASAYFA