7.ARKAPLAN
5. ve 6.
bölümlerde öğrendiklerimizle artık metinler üzerinde biçim anlamında
her türlü değişikliği yapabiliriz. Sayfa tasarımında en az metinler
kadar önemli bir unsur olan arkaplan üzerinde ne gibi
değişiklikler yapabileceğimizi bu bölümde öğreneceğiz. Ayrıca <body>
etiketinin parametrelerini göreceğiz.
7/1. ARKAPLAN VE <body> ETİKETİ
HTML
belgesinin ekranda görüntülenen bölümü olan body bölümünün
başladığını browser'a <body> etiketiyle bildirdiğimizi biliyoruz.
Bir etiketin herhangi bir parametresine atadığımız değer, o etiketin
oluşturduğu alan içerisinde geçerlidir.Mesela:
|
<font color="blue">...</font> |
ifadesi,
sadece '...' ile gösterilen alan içerisine yazılanları 'mavi' yapar.
Bu durumda tahmin edebileceğiniz gibi <body> etiketinin
parametrelerine verilen değerler, bütün sayfa için
geçerlidir.Aşağıda bu parametreleri ve kullanılışlarını
görüyorsunuz.
|
bgcolor |
Sayfanımın arkaplanının
rengini belirler |
<body bgcolor="blue"> |
|
background |
Arkaplana .gif,.jpg gibi HTML'in
yorumlayabildiği bir resim dosyası koymanızı sağlar |
<body background="c:\sayfam\resim.gif"> |
|
text |
Sayfanızdaki metinlerin rengini belirler |
<body text="#2354FF"> |
|
link |
Sayfanızdaki bağlantıların tıklanmamış
durumdaki rengini belirler. |
<body link="yellow"> |
|
alink |
Sayfanızdaki bağlantıların tıklama işlemi
süresince alacağı rengi belirler |
<body > |
|
vlink |
Sayfanızdaki bağlantıların tıklama
işleminden sonra alacağı rengi belirler |
<body > |
Burada
tabloda bütünlüğü bozmamak amacıyla verilen son üç parametre,
ileride deyineceğimiz link(bağlantı)larla ilgilidir, bu yüzden
şimdilik bunları unutabiliriz.
NOT:
'Background' parametresini kullanırken, resminizin yerini tam olarak
yazmayı ve sonuna uzantısını(.gif; .jpg vs.) koymayı ihmal etmeyin!
7/2.
YATAY ÇİZGİ
Başlığın
hemen üzerinde bir örneğini gördüğünüz yatay çizgileri kullanarak
sayfalarınızın okunmasını kolaylaştırabilirsiniz.İşte buna olanak
sağlayan <hr> etiketive parametreleri:
|
align |
Konum belirler;left,center,right
değerlerini alabilir. |
<hr align="right"> |
|
|
|
size |
Çizginin piksel cinsinden kalınlığı |
<hr size="20" > |
|
|
|
width |
Piksel cinsinden uzunluk |
<hr width="400"> |
|
|
|
color |
Çizginin rengini belirler |
<hr color="blue"> |
|
|
Üç bölümün sonunda artık
metinlere ve arkaplanlara iyice hakim olduk.Aşağıdaki örnek ile
bilgilerimizi tekrar edelim:
<html>
<head>
<title>Metin ve arkaplan uygulalaması</title>
</head>
<METAcontent=text/html;CHARSET=iso-8859-9 http-equiv=Content-Type>
<body bgcolor="green" link="red" vlink="yellow" alink="black">
<h1>Modern Futbol</h1><br><hr>
<p><font face="Verdana,hevletica" color="#FFFFFF">Günümüz modern
futbolunun gereği olan <b>3-5-2</b> sistemi, oynanması bir hayli
zor bir sistemdir. Bu sistemde <i>orta alanın iki ucundaki</i>
oyunculara büyük iş düşer.</p>
<p>Modern futbolun başka bir gereği de alan savunması yapmaktır.
Ancak tehlikeli santraforlar için
önlem alma gereği, savunmaları bazen güç duruma düşürebilir.</p>
<a href="http://www.uefa.com">İşte size faydalı bir link!</a>
</font>
</body>
</html> |
|
ANASAYFA
