havalar artık iyiden iyiye soğurken biz bilgisayarcılar yine ısınmak için her kış olduğu gibi bilgisayarımıza daha çok yaklaşıyoruz.bizi bu sene yaklaştıran ise html’nin ilginç ve genelde kullananlar tarafından pek önemsenmeyen yanları.
başlıktan da anlayacağınız gibi bu ay konumuz body etiketi. çoğunuz belki ben biliyorum diyip sayfayı değiştirmeye hazırlanıyor olabilir ama bir okuyun, kullanmadığınız bir çok özelliğin şu dört harflik etiketin içinde saklanmış olduğunu göreceksiniz.fakat biz bu saklı şeyleri araştırmadan önce bir şeyi belirteyim.body etiketinin her özelliği her tarayıcı tarafından desteklenmeyebilir.bu yüzden ben hangi tarayıcı destekliyorsa yanına yazdık.yani özelliklerin başlığın yanında bulunan ıeler ınternet explorer, nsler nestcape.
body sözlük anlamı olarak gövde demektir.zaten html’de de bu anlamı taşıyor. oluşturduğumuz dokümanın gövdesini bu etiket ile belirliyoruz.
sayfanın artalan resmi (ıe/ns)
aslında pek kullanılmayan bir özelliktir.kullanılmamasının nedeni görüntüyü bozması.çünkü seçtiğiniz resim ziyaretçinin sayfanın boyutları büyüklüğünde döşenir.böylece sayfanız uzun ve geniş ise sizin özene bözöne hazırladığınız artalan resmi çok garip birşekilde döşenir.yine de ustaca hazırlanırsa çok hoş sonuçlar çıkar.
<body background=”artalan.gif”>
sayfanızın içeriği
</body> |
artalan olarak gıf ve jpg kullanabilirsiniz.ınternet explorer kullanan ziyaretçileriniz içinse bmp’yi de kullanabilirsiniz
* filigran özelliği: (ıe)
pek bilinmeyen bu özelliği ms frontpage kullanıcıları “watermark” olarak hatırlayacaklardır.bu özellik ile artalan olarak döşediğiniz resim uzun sayfalarda sabit kalır ve siz kaydırma çubuklarını oynattıkça yazı artalanın üzerinde kayıyor efekti verir.
<body background=”artalan.gif bgproperties="fixed">
sayfanızın içeriği
</body> |
sayfanın artalan rengi (ıe/ns)
genel olarak kullanılan bir özelliktir.sayfanızın artalan rengini belirler.rengin ingilizce adı veya hexadecimal kodu yazılır.tabi her renk görüntülenemez.örn siz “gyspy pink” diye bir renk yazarsanız tarayıcı bunu yorumlamaz ve sizi sim siyah bir ekranla baş başa bırakır.(not= gyspy pink : çingene pembesi demektir.)
<body bgcolor=”#000000”>
sayfanızın içeriği
</body> |
bu kod sayfanızın art alan rengini siyah yapacaktır.
<body bgcolor=”black”>
sayfanızın içeriği
</body> |
yukarıdaki kodların her ikisi de aynı işi yapacaktır.
yazının rengi (ıe/ns)
sayfanızda siyahtan farklı bir yazı rengi kullandıysanız bu rengi her seferinde <font color=”#xxxxxx”> ile belirtmeniz gerekir.tabi bu kodu belli bir süre sonra hem yazmaktan sıkılacaksınız, hem de boşu boşuna sayfanın boyutunu arttıracaksınız.unutmayın ki bir web sitesinde sayfaların boyutu bazen çok önemli olabilir.işte her seferinde bu kodu yazmak yerine body etiketine gerekli kodu yerleştirip rahatınıza bakabilirsiniz.
<body text=”blue”>
sayfanızın içeriği
</body> |
şimdi istediğiniz kadar yazı yazabilirsiniz.artık hepsinin rengi mavi.
link renkleri (ıe/ns)
sayfalarımızda kullandığımız linklerin yazılar ile aynı renkte olmaması gerekir.çünkü linkler kullanıcı tarafından kolay fark edilmeli.en azından bir ton farkı ile bunu belirtmelisiniz.ama bunu yapabilmek için normalde css kullanmalısınız.fakat body etiketi yine size bir kolaylık getiriyor ve tüm linklerin rengini ayarlayabilmenizi sağlıyor.
sayfanızdaki linklere 3 farklı renk atayabiliyorsunuz.normal linklerin rengi (lınk), gidilmiş linklerin rengi (vlınk) ve aktif link rengi (alınk).
<body lınk=”#0000ff” vlınk=”#800080” alınk=”#ff0000”>
sayfanızın içeriği
</body> |
yukarıdaki değerler standart değerleridir.yani siz bu kodu hiç yazmasanız da yukarıdaki renkler çıkacaktır.
not:alınk sadece ns kullanıcıları içindir.
sayfa kenarlarındaki boşluklar (ıe)
bir html sayfası hazırlayıp tarayıcınızda baktığınızda kenarlarda ~15 pixellik bir boşluk görürsünüz.bazen güzel duran bu boşluklar bazı tasarımlarda sırıtıp ziyaretçilerinizin tepkisini çekmenize neden olabilir.işte böyle bir duruma engel olmak için leftmargin, topmargin, bottommargin ve rightmargin denen 4 tane ve sadece ıe’nin desteklediği özelliğimiz var.boşluklar hep pixel türünde yazılır.
* leftmargin: (ıe)
sayfanın sol taraf ile arasında kalan boşluktur..
<body leftmargin=”0”>
sayfanızın içeriği
</body> |
* topmargin: (ıe)
sayfanın üst taraf ile arasında kalan boşluktur.
<body topmargin=”0”>
sayfanızın içeriği
</body> |
* rightmargin: (ıe)
sayfanın sağ taraf ile arasında kalan boşluktur.
<body rightmargin=”0” >
sayfanızın içeriği
</body> |
* bottommargin: (ıe)
sayfanın alt taraf ile arasında kalan boşluktur.
<body bottommargin=”0”>
sayfanızın içeriği
</body> |
tabi ki kodlar sadece tek kullanılmak zorunda değil.böyle sadece 2 tanesi veya 4 tanesi de kullanılabilir.
<body leftmargin=”0” topmargin=”0”>
sayfanızın içeriği
</body> |
bu kod sayesinde sayfanız sol kenara ve üst kenara yapışık olacak.bu sayıları değiştirip farkı görebilirsiniz.
dil
bu özellik sayfanın hangi dil ile hazırlandığını belirtmeye yarar.böylece siz bir sayfaya ulaştığınızda tarayıcınız (eğer bu kod kullanılmışsa) dile bakar ve görüntüleyip görüntüleyemeyeceğine karar verir.eğer görüntüleyemiyorsa bir eklenti yardımı ile görüntüleyebilir halde gelir.işte bu işi yapan kod lang’dır.
&
|
|
 |
|
 |