BODY Tagı Nasıl Kullanılır?

Html belgesinin tüm içeriğinin yer aldığı bölümdür. Bu bölümde yer alan içeriğin tümü tarayıcıda görüntülenir.

HTML sayfa kaynağı:

BODY Tagı

Yukarıdaki kodun tarayıcıdaki hali aşağıdaki gibidir.

BODY Tagı

Body etiketi ile birlikte kullanılabilecek parametreler ve görevleri aşağıda gösterilmiştir.

Özellik Değer Açıklama HTML5 HTML 4.01
alink renk Linkin üzerine geldiğimizde tıklanırken oluşacak rengi belirler. Kullanılmaz Kullanılması İstenmiyor
background URL Sayfanın arka planına resim eklememizi sağlar. Kullanılmaz Kullanılması İstenmiyor
bgcolor renk Sayfanın arkaplan rengini belirler. Kullanılmaz Kullanılması İstenmiyor
link renk Tıklanmamış linklerin rengini belirler. Kullanılmaz Kullanılması İstenmiyor
text renk Sayfadaki metinlerin rengini belirler. Kullanılmaz Kullanılması İstenmiyor
vlink renk Tıklanmış linklerin rengini belirler. Kullanılmaz Kullanılması İstenmiyor

 

body Tagı Parametleri

1.bgcolor parametresi: Sayfanın zemin rengini değiştirmemizi sağlar. İngilizce renk isimleri veya renk kodlarıyla çalışır. Aşağıdaki örnekte sayfa zemin rengi sarı yapılmıştır.

BODY Tagı

2.background parametresi: Hazırlamış olduğunuz web sayfasının zemininin bir resimden oluşmasını isteyebilirsiniz. Bu parametre arka plânda kullanılmak istenilen resmi belirlemek için kullanılır.

DİKKAT : Zemine ekleyeceğiniz resim sizin HTML dosyanızla (sayfanızla) aynı klasörde olmalı. Yoksa resimleriniz çıkmaz. Resimleri göremezseniz endişelenmeyin, mutlaka aynı klasörde değildir veya GIF ve JPG dosyalarınızı Türkçe harfler kullanarak isimlendirmiş olabilirsiniz.

BODY Tagı

3.alink, link, text, vlink parametleri: Browserin text rengi, link rengi, aktif link rengi ve ziyaret edilmiş link rengi ve ekran fon rengi için varsayılan değerleri vardır. Şöyleki:

link Web sayfanızda kullanacağınız linklerin rengini belirlemek için kullanılır.
alink Web sayfanızdaki herhangi bir Linke tıklanırken oluşacak rengin ne olacağını belirlemek için kullanılır.
vlink Web sayfanızdaki önceden ziyaret edilmiş linklerin renginin hangi renk olacağını belirlemek için kullanılır.
text Sayfadaki metinlerin rengini belirler

 

BODY Tagı
 
Text siyahtır
Linkler mavi
Actif link kırmızı
Ziyaret edilmiş link mor

 

 

HTML sayfaları eğer formatı söylemezseniz, siz aksini söylemedikçe, karakterleri ardarda sıralar. Yeni bir satır başlamak istiyorsanız, satırbaşı yapmalısınız.

 

<BODY BGCOLOR="#FFFFFF">
Hey!
Burada
neler
oluyor??
</BODY>

 
Ekran Çıktısı

Hey! Burada neler oluyor??

Satır başı yapmak için <BR/> tagını kullanıyoruz.

 

<BODY BGCOLOR="#FFFFFF">
Hey!<BR />
Burada<BR />
neler<BR />
oluyor??
</BODY>

Ekran Çıktısı

Hey!
Burada
neler
oluyor??


Tarayıcı birden fazla boşluğu tanımaz. Gerçekten saçma görünen bir şey ama, böyle olması en uygun hali. Bu size dökümanın görünümünün tüm kontrolunu vermekte.

<BODY BGCOLOR="#FFFFFF">
Gerçekten        güzel        bir şey.
</BODY>

Ekran Çıktısı

Gerçekten güzel bir şey.

 

 "boşluk" geldiğini anlatan küçücük bir kod vardır yani,  &nbsp; den bahsediyorum.

Şimdi bunu bir deneyin bakalım...

<BODY BGCOLOR="#FFFFFF">
Gerçekten &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
güzel &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
bir şey. &nbsp;&nbsp;&nbsp;&nbsp;
</BODY>

Ekran Çıktısı

Gerçekten        güzel        bir şey.

 

Özel bir karakterin başladığını &, ; ise bittiğini belirtir; arada kalan harfler ise, özel karakteri tanımlarlar. Bu özel karakterlerden bir kısmı aşağıdadır. Dikkat: bunlar hep küçük harfle yazılmalıdır.

HTML  Karşılığı Karakter
&nbsp; boşluk karakteri
&lt; < küçüktür işareti
&gt; > büyüktür işareti
&amp; & ampersand işareti
&quot; " çift tırnak
&shy; soft hyphen

Bunları herzaman kullanmanız gerekmez, bazen gerçek işareti yazmak tarayıcı programı şaşırtabilir. Bu işaretlerin nezaman karıştıracağını nasıl anlarız? diye sorarsanız; Bunun tam olarak bir kuralı yoktur. Biraz alıştırma ve web sayfanızda sapıtmış şekilde duran karakterleri görünce kullanmaya başlarsınız.

 

Kaynak

 

Yorumunuzu Ekleyin
BODY Tagı Nasıl Kullanılır? Yorumları +1 Yorum
  • Cengiz Demir
    1
    Cengiz Demir
    Emeğineze sağlık. Güzel bir anlatım olmuş
    23 Ekim 2014 22:54:14, Perşembe


Yükleniyor...
Yükleniyor...