Yana Yaslama (Float ve Clear) Günümüzde modern web sayfalarında float özelliği bir çok yerde kullanılmaktadır. Örnek vermek gerekirse navbar yapımında genellikle listeler sola veya sağa yaslanmış durumda kullanılır. Resimli bir makalenin içinde paragraflar ve resimler ile ilgili olarak birçok yerde kullanılır. Float özelliğinin en çok left veya right hizalaması kullanılır. Aldığı değerler; Float: left | […]

Blok (Block) ve Satır İçi (inline) Seviye Elemanları CSS dersimizin bu bölümünde Elementlerin hangi seviyede element olduklarından ve bunların görünürlük durumlarından bahsedeceğiz. Elementlerin seviye durumunu 2 kategoriye ayırabiliriz. Birincisi Blok (Block) seviye elementler, İkincisi Satır içi  (inline) elementler. Blok (Block) Seviyesi Elementler/Etiketler Başlıca blok seviyesi elementler; <div>, <h1>…<h6>, <p>, <form>, <header>, <footer>, <section> Blok seviyesi mantığını […]

Aşağıda temel olarak html dosyasında tablo oluşturulmuş ve aşağıdaki tüm anlatım ve örnekler bu dosya üzerinden verilmiştir. Tablo Kenarlıkları (Border) / Sınırları Kenarlıklar konusunda anlatılan tüm özellikler tablo işlemlerinde de kullanılabilir. Kenarlık (Border) ve Özellikleri adlı yazıma ulaşmak için tıklayınız. Tablo Kenarlıklarını Daraltma (border-collapse) Tablo ögelerinden tablo başlığı (<th> table head), hüçre içeriklerine (<td> table […]

CSS Listeler Bu konumuzda CSS ile liste stil atamalarını göreceğiz. HTML derslerimizden hatırlarsak kullandığımız 3 çeşit liste etiketi bulunuyordu. Sayılabilen Listeler (Ordered Lists <ol>) Sayılamayan Listeler (Unoredered Lists <ul>) Açıklama Listeleri (Description Lists <dl>) Açıklama listelerinin çok fazla kullanılmamasına rağmen sayılabilen veya sayılamayan listeler HTML tasarımlarında çokça kullanılırlar. Sadece liste olarak düşünmeyin CSS ile bir navbar yapımında dahi […]

Fontlar ve Özellikleri Bu bölümümüzde CSS üzerinden web sayfalarında kullanılan fontlar, yazı şekillerinden bahsedeceğiz. Genelde yeni başlayanlar için bu konu biraz soru işaretleriyle doludur. Başınıza gelmiştir, siteniz için bir font seçmişsinizdir, harikadır, sanki sizin web siteniz için yaratılmıştır bu fontlar. Local hostunuzda tasarladığınız ve hostinginize yükleyeceğiniz web sayfanızı görüyorsunuz mükemmel, hosting adresinize kopyalıyorsun ve ilk […]

Bu yazımda ve eğitimde CSS dilinin text, yazı  özellikleri ve değerlerinin HTML üzerinde yazılara nasıl etki ettiğini göreceğiz. Aşağıdaki HTML kod bloğuna style.css dosyası external olarak eklenmiştir. Her bir özellik maddesi için yazılmış olan style.css dosyasını ayrı ayrı index.html üzerinde deneyebilirsiniz. index.html Yazı Rengi Özelliği (color:) CSS’de color özelliğini en yaygın olarak kullanılan 3 şekli […]

CSS’de Genişlik ve Yükseklik CSS’de en çok kullanılan özellikler arasındadır genişlik ve yükseklik özellikleri. Web tasarımları genellikle bir tasarımcı tarafından photoshop gibi programlarda tasarlanır ve buna bağlı olarak html ve css kullanılarak büyük oranda aynısı elde edilir. Bu noktada bir web sayfasının genişlik değerine göre ölçme, biçme ve hesaplama gerekir. Bu noktada etiketlerin konumuna göre […]

Padding Türkçe anlamı malumunuz dolgu demektir. Padding özelliğinin mantığı için şunu düşünün, bir arsanız var ve ev yapacaksınız. Arsanızın bir kare olduğunu ve her bir kenarının 10 metre olduğunu düşünün. Bu arsanın alanı doğal olarak 100metre kare yapar. Bu arsaya bir ev yaptığınızda net daire alanı hiç bir zaman 100metre kare olamaz. Çünkü kullandığınız tuğla, […]

CSS ve HTML’de Renk Özellikleri CSS’de ekitelere veya elementlere atanacak (uygulanacak) renkler bir kaç genel kullanım yöntemleri ile uygulanabilir. Doğrudan renk ismi belirterek, HEX Renk kodları kullanılarak, RGB Renk kodları kullanılarak. HTML Renk İsmi Renk isimleri HTML ve CSS’de doğrudan yazılarak uygulanabilir. Örneğin color:red; deklarasyonunda hangi elemente uygulanmışsa rengi kırmızı olacaktır. HTML’de kullanabileceğimiz 140 adet […]

Resim (Image) Etiketi Kullanımı HTML ile web sayfalarımıza fotoğraf eklemek için image <img> etiketi kullanılır. <img> etiketi eklenecek resmin yolunu belirtmek için src özelliğini alır. Src özelliğine verilecek değer ya bir URL’e ait olabilir veya kendi hosting’inizin klasör yapısı içindeki bir resim dosyası olabilir. Ayrıca verilecek bir alt (alternatif text) özelliği ve alacağı string bir […]