Fontlar

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

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;

<html>
<head>
 <title>BR etiketi</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 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 etiketine bakarak bir sonraki metni satýr baþýna aldý. Buradan da anlaþýldýðý üzere Enter tuþu 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/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 olan istediðiniz fontu kullanabilirsiniz.

<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 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
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 nasýl elde ederiz?

ÝPUCU

Öðrendiðimiz etiketler þunlardý;

<html>, <head>, <title>, <body>, , <center>, , , ,

Cevap için TIKLAYIN

ÝLERÝ