4
Şub'11

HTML ve CSS (HTML, CSS)

Html ve css, birçoğumuzun bildiği ya da az çok  fikri olduğu,  programlama dilleridir.Aslında tam anlamıyla programlama dili demek yanlış olur.C, php gibi programlama dillerine göre çok daha basit mantıkları ve kodları vardır.Genel yapılarını kavramak da oldukça kolay.

Peki neden iki ayrı dili aynı başlık altında anlatma gereği duydum? Çünkü html ve css birbirini tamamlayan dillerdir.Html ile web sayfalarının iskeleti oluşturulur, css ile de bu iskelete görsellik katılır.Sadece html ve css kullanarak web sayfasını dinamik hale getirmek mümkün değil tabiki.Bunun için php gibi fonksiyonel programlama dillerinden faydalanmak gerekir.

HTML Genel Yapısı

Html‘de kodlar “<” ile başlayıp “>” ile biter.Daha sonra açılan kod satırını kapatmak için “<” ve “/>” kullanılır.Yani örnek verecek olursam;

<html> </html> şeklindedir.

Html ile oluşturulan bir sayfanın genel yapısı ise şu şekildedir;

<html>
<head>
<title>Sayfa Başlığı Buraya</title>
</head>

<body>
Sayfa İçeriği Buraya
</body>

</html>

CSS Genel Yapısı

Css ile de html ile tanımladığımız herşeyin görselliği yapılabilir.

Html ile <div class=”menu”></div> diye tanımladığımız bir alan olduğunu varsayarsak, bu alanın css kısmı şu şekilde olabilir;

.menu{
   height:100px;
   width:100px;
   background-color:#EAEAEA;
}

Yani bu örnek ile sınıfı menü olan web sayfasındaki bir alana genişlik, yükseklik ve renk değerlerini verdik.

Html ve Css ile Neler Yapılabilir?

-Kendinize ait (blog vb.) sitelerin genel yapılarını istediğiniz gibi şekillendirebilirsiniz.
-Yaratıcı tasarımlar ile bir tema yapabilirsiniz.
-Php yardımıyla dinamik bir site oluşturabilirsiniz.

Son olarak, html ve css bir sitenin temelleridir.Sürekli yenilenen ve daha fazla iş yapabilen bu dilleri öğrenmek web dünyasına atılacak ilk adımlardan biri.

  • Cem Demir

    "Sürekli yenilenen ve daha fazla iş yapabilen bu dilleri öğrenmek web dünyasına atılacak ilk adımlardan biri."

    Makalenin en güzel cümlesi. :) Çok güzel anlatmışsın Turgay, teşekkürler.

  • Gökhan

    HTML bir programlama dili değildir arkadaşım. Betik bir dildir. Bu arada CSS de bir dil değildir. Kavramları biraz toparlarsan daha iyi olacaktır. Güzel yazı dizileri yapman dileğiyle.

    • Turgay Özgür

      İkinci cümleye dikkat etmedin sanırım. "Aslında tam anlamıyla programlama dili demek yanlış olur."

Yeni makaleleri E-Mail ile takip edin!