|
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
Yeşil-green
Bu renkleri yukarıdaki örnek üzerinde deneyin, renk kodunu
silin ve rengin ingilizce karşılığını yazın.
ÖDEV: Ş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>, <p>, <center>, <b>, <u>, <i>,
<font>
CEVAP:
<html>
<head>
<title>Sabahı beklemeyiniz...</title>
</head>
<body>
<font face="verdana" size="3" color="navy">
<center>
<p>
Sabahı beklemeyiniz dostum, geceden yola çıkınız. Olur ki
uyuyakalırsınız. Sırtınızdaki çıkında ebedi gayenin dürülmüş
azıkları varsa ne mutlu size. Gece serindir,yapraklardan
süzülen yel gözlerinizdeki yaşları kuruturken ruhunuzda
kainatın derin sessizliğini taşıyarak sabaha doğru yürüyüp
fecri başlatınız.
</p>
<p>
Cemiyetin vahşi,zehirli bitkilerle dolu,her dalında uğursuz
baykuşların manasız telkinler yaptığı sık ağaçlı ormanlarında
çetin yolculukların başlangıcı için sabahı beklemeyiniz.
<i>Sabahı beklemek öğleni,öğleni
beklemek akşamı beklemek gibi bir ruh gevşekliğini doğurur.</i>
</p>
<p>
Filozofun öğüdü bütün hayatımızda takib edeceğimiz
en esaslı metottur :
<br>
<b><u>"Uzun yolu seçiniz..." </b></u>
</p>
</center>
</font>
</body>
</html>
|