HTML Body
Sizinle yeni bir HTML dersinde buluşmak güzel.Bu dersin sonunda şunları öğrenmiş olacağınızı umuyorum:
1) RGB renk koduyla yazılara renk vermek
2) Websayfanızın tamamına renk vermek
3) HTML sayfasının yapısını öğrenmek
4) <title> </title> etiketini öğrenmek
Önceki dersimizde şu şekilde yazıya renk verdiğimizi hatırlayın
<font color="yellow"> Sarı renkte yazı yazmak </font>.
Aynı işlemi aslında şu şekilde yapmamız gerekiyor; çünkü bütün renklere (16 milyon renge) isim veremeyiz:
<font color="#FFFF00"> Sarı renkte yazı yazmak </font>
Red = FF (255)
Green = FF (255)
Bu iki rengin birleşiminden sarı renk elde ediliyor.
Renk kodlarının 0 dan 255 e kadar değer aldığını söylemiştim. Bu değerler Onaltılık sayma düzeniyle gösterilir.
Onaltılık sayma düzenini bilmiyorsanız aşağıdaki renk oluşturma aracıyla biraz daha fazla vakit geçirmenizi öneriyorum.
= Kırmızı (RED)
= Yeşil (Green)
= Mavi (Blue)
| Onaltılık sayma düzenindeki Renk Kodu (RGB): |
Kaçar kaçar eksiltilsin ve arttırılsın
Elde ettiğiniz renklerle html sayfanızın tamamını renklendirmeye geçmeden önce şu aşağıdaki şekli inceleyelim.
Html yazarken bütün koldarınızın body etiketinin içinde olmasına dikkat ediniz
HTML 'in temel yapısı şu şekildedir.
<html>
<head>
<title> Web Tasarım Dersleri </title>
</head>
<body>
Bütün HTML kodlarımız, yazılarımız ve resimlerimiz burada olmalıdır.
</body>
</html>
Yukarıdaki html sayfasını görmek için buraya tıklayınız.
Html temel yapısı diye verdiğimiz kodların tarayıcıdaki görüntüsü aşağıdaki gibidir.
Dikkat ederseniz <title> Web Tasarım Dersleri </title> html etiketiyle;
internet tarayıcısının en üstünde tarayıcıya isim olan yazıyı belirliyoruz.
web sayfasının içeriği beyaz alanda olmaktadır.
Bunu bütün html kodlarımızı <boyd> </body> html etinin içine yazarak elde etmekteyiz.
internet tarayıcısında açılan sayfanın tümden zemin renginin değiştirmek için <body> tagına bgcolor özelliğini ilave edeceğiz.
<body bgcolor="#FFFF00">
Bütün HTML içerğimiz burada olmalıdır.
</body>
Bu yukarıdaki kodun da ilave edilmiş şekli aşağıdaki gibidir.
<html>
<head>
<title> Web Tasarım Dersleri </title>
</head>
<body bgcolor="#FFFF00">
<font color="#B16308"> Bütün HTML kodlarımız, yazılarımız ve resimlerimiz burada olmalıdır. </font>
</body>
</html>
Yukarıdaki kod çalıştığında internet tarayıcınızda şöyle bir görüntü oluşur.
Şimdi aklınıza şöyle bir soru gelebilir;
Daha önce sadece body içine gelecek html kodlarını yazıyorduk ve çalışıyordu. Öyleyse neden <html> <head> <body> gibi etiketlere ihtiyaç var?
Hatırlarsanız internet tarayıcısının birçok hatamızı tölara ettiğini (hataların görmezden gelinip düzeltildiğini) söylemiştim.
Hatalı kod yazmayı alışkanlık edinmemenizi tavsiye ederim.
Şu anda bir dahaki dersimize kadar şunları yapmanızı istiyorum (lütfen!)
1) Renk oluşturma aracımı kullanarak çeşitli renkler oluşturun ve body nin bgcolor 'unda deneyin
2) yine çeşitli renkler oluşturup font 'un color özelliğinde deneyiniz.
bir dahaki dersimizde Allah nasip ederse Resimler üzerinde çalışacağız.
bir dahaki dersimizde buluşmak üzere diyorum.
