Potassium Bilgi Platformu - Css Kod Icinde Kullanmak

Potassium Bilgi Platformu

Css Kod Icinde Kullanmak

CSS'yi Kod İçinde Kullanmak

Daha önceki konularımızda anlattğımız, bir css tasarım dosyası içinde neler olduğun öğrenmiştik.Bir css tasarım dosyası içinde genel olarak 3 dosya bulunuyordu, bunlar:

İndex.html :  Bu dosya tarayıcımıza sitmeizin adresini yazıp Enter'e bastığımızda karşımıza çıkan bize görünen sayfadır.

style.css : Bu dosya ise sitemizin yazı rengi, arkplan rengi, başlık resmi, yazıların boyutunu vs. ayarlayabildiğimiz kısımdır.İşte biz bu dosyayı ' index.html ' dosyası içinde çağıracağız.

image : Bu klasörün içinde sitemizin görselleri bulunmaktadır.Resim (jpg,png,gif vs.) gibi...

Şimdi biz Css'yi kod içinde nasıl kullanırızı bunu göreceğiz.Burda ' kod ' diyerek bahsettiğimiz ' index.html ' sayfasıdır.Yani css'yi harici dosya olarak değilde bu index içinde css yazacağız.

Şimdi ' index.html ' değdimiz olayı bir tanıyalım.
 ' index.html ' dediğimiz uzantısındanda anlaşılabildiği gibi bir ' HTML ' dosyasıdır.Yani bize görünen kısımdır.Bu dosya hangi kodlardan oluşmaktadır şimdi bunları görelim.

Bir HTML dosyası şu kodlardan meydana gelir:

<html>
<head>
         <title> İNDEX'İN İSMİ </title>
         <link rel='stylesheet' href='style.css' media='all' type='text/css' />
</head>

<body>

</body>

</html>


kodlarından oluşur.Şimdi bu kodları yazmışken,yazdığmız bu kodları bir not defteri açıp içine yapıştırın, kaydet diyerek ismini ve uzantısını ' html ya da htm ' olarak değiştirin.Örn: index.html ya da index.htm
Bu işlemi yaptıktan sonra kaydet diyerek masaüstüne kayıt edin.İndex olarak kayıt edecektir.Explorer'de açabilrisiniz.



Biz Css kodunu şimdi ' <head> </head> ' tagları arasına yazacağız.



=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=