Body İmi Hakkında
Web sayfamızın içeriğini <body></body> imleri arasında oluşturacağımızı söylemiştik. Ayrıca <body> imi içinde kullanılan bazıkodlar(öznitelikler) olacak. Bunlar bazı işlerimize yarayacak. Javascript kodlarının bazıları da bu im içine yazılır.
"Merhaba Web Tasarımı"
Bu kadar şeyden sonra kaydettiğimiz web sayfamıza bir şeyler yazdırmaya ve içeriğin ilk adımını atmaya ne dersiniz.
Şimdi bir not defteri uygulaması açın ve içine web sayfamızın temel yapı taşları olan;
<html>
<head>
<title>Web Tasarımı</title>
</head>
<body>
</body>
</html>
kodlarını yazın ve merhaba.html diye kaydedin. Sonra merhaba.html dosyasını açın. Başlık kısmının "Web Tasarımı" olduğunu görün. Sayfada başka hiç bir şey yok değil mi? Hadi "Merhaba Web Tasarımı" yazdıralım.
Not defterine yazdığınız yukarıdaki kodların <body></body> imleri arasına "Merhaba Web Tasarımı" yazın.
Yani <body>Web Tasarımı</body> ....
Sonra kaydedin ve web sayfasını açın. Başlığının yine "Web Tasarımı" olduğunu ve içine "Merhaba Web Tasarımı" yazdığını görüyorsunuz değil mi? Görmeniz lazım.Göremiyorsanız yanlış bir şeyler yapmış olmalısınız, kontrol edip düzeltin.
Sayfa Rengini Ayarlamak
Yukarıdaki gibi yaptığımız web sayfasına baktığınızda sayfa renginin beyaz olduğunu göreceksiniz. Bu renk hoşunuza gitmeyebilir ve değiştirmek isteyebilirsiniz değil mi? Bu nasıl olacak peki.Şimdi sıra buna geldi...
Hani demiştik ya <body> iminin içine bazı şeyler yazılacak ve bunlar işimize çok yarayacak diye. İşte sayfamızın rengini de <body> iminin içine bir öznitelik yazarak değiştirebiliyoruz.
BGCOLOR="Renk Adı" dır.
Kullanımı <body BGCOLOR="Renk Adı"> şeklindedir.BGCOLOR arasında bir boşluğun olmasıdır.Bu boşluk mutlaka olmalı yoksa kod çalışmaz.
<img src="http://bestwow.tripod.com/webdersleri/htmldersleri/html_resimler/res2.jpg">
Bu öznitelik
Buradaki "Renk Adı" yazdığımız yere ya İngilizce renk adları yazılır(kırmızı=red, siyah=black vb...) ya da renk kodları(kırmızı=red=#FF0000) yazılır. Bu renk kodlarının bütün listesini yandaki ipuçları bölümündeki renk kodları linkine tıklayarak erişebilirsiniz.
|
