BiLgi Dünyası

HTML'de Font etiketinin kullanımı

Font etiketinin kullanımı;

 

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 deniyor.

 etiketinin yanısıra öğreneceğimiz bir diğer etiket etiketi. Önce bu etiketin kullanımını göreceğiz. 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 etiketini kullanıyoruz. İstisnai etiketlerden birisi bu, etiketi sonlandırılmıyor.
Buna bir örnek verelim;

Kod: Tümünü seç: <html> <head> <title>BRetiketi</title> </head> <body> pazartesi salı çarşamba ocak şubat mart nisan</body> </html>

Yukarıdaki örneğimizde "pazartesi, salı ve çarşamba"yı yazarken enter'la 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 etiketine bakarak bir sonraki metni satır başına aldı. Buradan da anlaşıldığı üzere "enter" etkisini etiketiyle veriyoruz. 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/DenetimMasası/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 olan istediğiniz fontu kullanabilirsiniz.

Kod: Tümünü seç: <html> <head> <title>Renkler ve Mevsimler</title> </head> <body> İlkbahar Yaz Sonbahar Kış </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 ingilizcedeki 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 Yeşil-green Bu renkleri yukarıdaki örnek üzerinde deneyin, renk kodunu silin ve rengin ingilizce karşılığını yazın. Şu ana kadar öğrendiğimiz etiketleri kullanarak (tabii ki hepsini kullanmak zorunda değilsiniz) aşağıdaki görüntüyü browser'da (Tarayıcı) nasıl elde ederiz ?

Ana Menü

Wepmaster özel

Tasarımlar

WepDersleri Özel

HTML'de Font etiketinin kullanımı