HTML — CSS ‘E GİRİŞ
HTML nedir? Ne işe yarar? Web dünyası için önemi nedir? CSS nedir? HTML ile bir bağlantısı var mı? Bunların cevabını az sonra hep birlikte inceleyeceğiz.
HTML (Hypertext Markup Language)’in terimsel karşılığı standart metin işaretleme dilidir. HTML için, web dünyasının temel yapı taşıdır diyebiliriz. HTML’ i insanlardaki iskelet yapısına benzetebiliriz. Nasıl iskelet olmadan deri ve organlar bir anlam ve bütünlük ifade etmiyorsa, HTML olmadan CSS bir anlam ve bütünlük ifade etmez.
İç yapısını inceleyecek olursak; HTML, “<head>” ve “<body>” etiketine sahip iki temel yapıdan oluşur.
Head (Başlık) yapısı, web sitemizin “id” ’si yani kimliğini oluşturan, internet sunucularının (server) sitemizi tanımlamasını sağlayan yapıdır. İçerisinde sitemizin genel bilgilerini ve sitemiz içerisinde kullanacağımız kaynaklarımızı belirttiğimiz kısımdır. Temel başlık(head) yapısına örnek verecek olursak:
<head>
<title></title>
</head>
Body yapısı ise, web sitemizin vücudunu oluşturan yapıdır. “Sitemizin elleri nasıl olacak, ayakları nasıl olacak? Ne tarz bir omurga üzerinde duracak? ” tarzı sorularının cevabını veren kısımdır. İnternet sunucuları, kimliğimizi okuyup sitemizi tanımladıktan sonra, sitemizin vücut yapısını okumaya başlar. Temel vücut(body) yapısını inceleyecek olursak:
<body>
</body>
CSS (Cascading Style Sheets)’in terimsel karşılığı basamaklı stil şablonlarıdır. HTML ile web sitemizi temel olarak, başlık(head) ve vücut(body) yapıları üzerinde, internet sunucularımıza tanıttıktan sonra sitemizi giydirmeye başladığımız stil şablonudur. HTML ile oluşturduğumuz yapıların iç boşluğu, dış boşluğu, rengi, arka plan rengi gibi özelliklerini yapılandırabileceğimiz etiket bloğudur. HTML içerisinde bir etiket bloğu oluşturarak da, harici olarak “.css” uzantılı bir dosya açarak da düzenlenebilir. Tabi harici olarak düzenlediğimiz bir CSS dosyamız olacaksa, bunun HTML dosyamızın içerisinde kullanılabilmesi için HTML’imizin başlık(head) kısmının içerisinde dosyamızı kaynak dosyalarımız bölümüne eklemeliyiz! HTML içerisinde bir etiket bloğu olarak kullanabileceğimiz css yapısını tanımlayacak olursak:
<style type=”text/css”>
</style>
Yazımızı özetleyecek olursak; HTML ve CSS için web ortamının ayrılmaz temel ikilisidir diyebiliriz. HTML olmadan CSS, CSS olmadan ise sade bir HTML tek başına bir anlam ve bütünlük ifade etmez. Web sunucuları, kendilerine tarafımızdan bir istekte bulunulduğunda, önce web sitemizin HTML yapısının başlık(head) kısmından sitemizi tanımlar, yani bizleri tanır. Sonra geriye kalan vücudumuzu kabataslak tanımlar. En sonunda ise üzerimizdeki kıyafetlerin ve vücudumuzun detaylı yapısını okur.
Bir sonraki yazımızda temel HTML etiketlerini inceleyeceğiz, şimdilik görüşmek üzere…
0 yorum