Metin renklendirmeyi yüzeysel olarak fontlar konusunda öğrendik. Şimdi daha ayıntılı olarak ve bu işin mantığına inerek yeniden ele alacağız. Aynı zamanda sayfamıza artalan rengi vermeyi öğreneceğiz.
Bu bölümde öğreneceğimiz konular:
- Renk kodları
- Artalanı renklendirmek Renk Kodları
Fontlar konusunda, metnin rengini belirlerken <font color=...> etiketini kullanmıştık ve color komutunun karşısına rengin ingilizce karşılığını yazabiliriz demiştik. Fakat bunun daha karmaşık olan bir başka yolu vardı; o da 16'lık sayı düzeninde renk kodu girmek. Önce sayı düzenleri nedir nasıl olur ona bakalım.
Günlük hayatımızda kullandığımız sayı sistemine 10'luk sayı sistemi deniyor, tüm sayıları 0-9 arası toplam 10 rakamdan oluşan sembollerle ifade ediyoruz. 10'luk sayı sisteminin yanısıra diğer sayı sistemleri de vardır. Bunlardan bilgisayar alanında kullanılan iki tanesi ikili (binary) ve onaltılı (hexadecimal) sayı sistemleridir.
Gelelim asıl konumuz olan 16'lık sayı sistemine. Bu sayı sisteminde de toplam 16 rakam var bunlar;
0 1 2 3 4 5 6 7 8 9 A B C D E F
[10'un karşılığı A ... 15'in karşılığı F'dir.]
Etikette kullandığımız color=#xxxxxx ifadesi ise RGB (red-green-blue,kırmızı-yeşil-mavi) renklerinin karışım oranlarını belirtir. Bu renklerden herbirinin alacağı değer 00 ile FF aralığında olabilir (FF maksimum, 00 minimum karışımı verir). Buna göre; #000000 siyah, #FF0000 kırmızı, #00FF00 yeşil, #0000FF mavi, #FFFFFF beyaz'dır. Diğer renkleri sayıları değiştirerek kendiniz deneyebilirsiniz.
| #000000=black(siyah) |
#000080=navy(lacivert) |
| #0000FF=blue(mavi) |
#008000=green(yeşil) |
| #008080=teal(koyu yeşil) |
#00FF00=lime(parlak yeşil) |
| #00FFFF=aqua(turkuaz) |
#800000=maroon(vişne çürüğü) |
| #800080=purple(mor) |
#808000=olive(zeytuni yeşil) |
| #808080=gray(gri) |
#C0C0C0=silver(gümüşi gri) |
| #FF0000=red(kırmızı) |
#FF00FF=fuchsia(parlak pembe) |
| #FFFF00=yellow(sarı) |
#FFFFFF=white(beyaz) |
Artalanı renklendirmek
Bu renklerle yalnızca metinleri değil sayfamızın artalananını da renklendirebiliriz.
Bunun için <body bgcolor=#xxxxxx> etiketini kullanıyoruz. Daha doğrusu sayfamızın gövdesini belirtmek için yazdığımız <body> etiketini, <body bgcolor=#xxxxxx> şeklinde değiştiriyoruz.
Renk kodlarını yazarken daima # işaretini kullanmayı unutmayın !
<body bgcolor="#ffcc00">
<font type="verdana" size="4" color="#ffffff">
<ol><h2><u>Günler</u></h2>
<font color="#0000ff">
<li>Pazartesi
<li>Salı
<li>Çarşamba
<li>Perşembe
<li>Cuma
</font>
<font color="ff0000">
<li>Cumartesi
<li>Pazar
</font>
</ol>
</font>
</body> |
