HTML dosyamız içindeki en geniş içerikli etiket budur. Ziyaretçiye görünen herşey bu etiketin yorum alanında tanımlanır. Ayrıca bu etiket içinde kullanılan bileşenlerle de sayfamızın bazı temel özelliklerini belirtebiliriz.
Tablo 1.1. Body etiketinin bileşenleri
Girilecek Kod |
Görevi |
text = “renk” |
Sayfanızdaki yazıların rengine renk ile belirtilen değeri verir. |
link = “renk” |
Sayfanızdaki bağların rengine renk ile belirtilen değeri verir. |
vlink = “renk” |
Sayfanızdaki ziyaret edilmiş bağların rengine renk ile belirtilen değeri verir. |
alink = “renk” |
Sayfanızdaki aktif bağların rengine renk ile belirtilen değeri verir. |
bgcolor = “renk” |
Sayfanızın arka plan rengine renk ile tanımlı değeri verir. |
background = “resim_dosyası” |
Eğer arka planda sade bir renk değil de bir resim kullanmak istiyorsanız, resim_dosyası kullanacağınız resmin adını temsil eder. |
topmargin = “değer” |
Sayfamızda kullanacağımız bileşenlerin istemci penceresinin üst kenarına olan uzaklığını belirler. |
leftmargin = “değer” |
Sayfamızda kullanacağımız bileşenlerin istemci penceresinin sol kenarına olan uzaklığını belirler. |
rightmargin = “değer” |
Sayfamızda kullanacağımız bileşenlerin istemci penceresinin sağ kenarına olan uzaklığını belirler. |
onload = “betik” |
Sayfa yüklenirken çalıştırılacak javascript betiğini belirler. |
onunload = “betik” |
Başka bir sayfaya geçerken çalıştırılacak javascript betiğini belirler. |
Yukarıdaki tabloda kullandığım renk değeri HTML içinde kullanılan renk kodlarını temsil etmektedir. Altı basamaktan oluşan bu renk kodları ana renkler olan mavi, sarı ve kırmızının kullanılan renkteki tonuna göre onaltılık tabanda sayılarla istediğimiz rengi elde edebiliriz.
Renk kodları hakkında kısa bir bilgi vermek gerekirse kodlar ikişer basamaklı üç bölümden oluşur. Aşağıdaki tablo bu konu hakkında kafanızda oluşan soru işaretlerinin silinmesinde size yardımcı olacaktır.
Tablo 1.2. Renk Kodlarının Yapısı
Kırmızı |
Yeşil |
Mavi |
00...FF |
00...FF |
00...FF |
2. Satırda ifade ettiğim aralıklara değişik değerler (0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F) vererek rengi oluşturmamız mümkündür. Kod kullanmanın yanı sıra renkleri doğrudan İngilizce adlarını yazarak da kullanabiliriz. Örneğin beyazın kodu olan #FFFFFF yerine white yazmamızda sonucu değiştirmeyecektir.
Tablo 1.3. Bazı Renkler ve Kodları
Dikkat ederseniz her renk kodu bir diyez (#) işareti ile başlıyor ve daha sonra altı basamaktan oluşan bir bölüm geliyor. Bu altı basamak içinde F yada f bulunduğu basamaktaki rengin tam olarak kullanılmasını ve sıfır (0) ise o basamaktaki rengin hiç kullanılmamasını sağlamak için kullanılır. Yine html kodlarında olduğu gibi renk kodlarında da büyük-küçük harf ayrımı yoktur. Yani #FFFFFF ve #ffffff aynı rengi yani beyazı temsil eder.
<body text="#000000" bgcolor="#FFFFFF" link="#808080" vlink="#eaeaea" alink="#000000">
<body text="#000000" background="../resimler/arkafon.gif">
<body bgcolor="#334455" text=”#ffffff" topmargin="0">
Yukarıdaki birinci kod satırı sayfamızın arka plan rengini beyaz, yazıları siyah, bağları ve ziyaret edilmiş bağları gri ve etkin bağları da siyah yapmak için kullanılır.
İkinci satır ise yazı rengini siyah yapmak, bulunduğumuz dizinin bir üst dizinindeki “resimler” dizininde bulunan “arkafon.gif” resmini artalan yapmak için kullanılır.
Yazdığım son satır ile de sayfamın arka fon ve yazı rengini belirliyor, sayfamın bileşenlerinin istemci penceresinin üst kenarlığına olan uzaklığı sıfırlıyorum.