CSS3 ve HTML Dersleri | Padding (Dolgu) Özellikleri
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, […]
CSS3 ve HTML Dersleri | Margin Özelliği
Margin (Kenar) Özellikleri Margin özelliği CSS’de seçilmiş bir elementin sınırının dışarı doğru mesafesini ifade eder. Daha başka bir tanımla HTML elementlerinin arasındaki dış mesafeyi belirlemek için kullanılan uzunluk ölçüleridir. Genellikle değerleri pixel (px) cinsinden belirtilir ve kullanılır. Yukarıdaki resmi incelediğimizde bir elementin içeriği lila renginde gösterilmiştir. Örneğin bu bir paragraf <p> etiketi olsun. Doğal olarak […]
CSS3 ve HTML Dersleri | Kenarlık (Border) Özellikleri
Kenarlık (Border) Özellikleri Bu dersimizde HTML etiketleri üzerinde kenarlık özelliklerin nasıl atandığını, çeşitlerini ve kullanım şekillerinin anlatılarak öğrenilmesi hedeflenmektedir. Örnekte verilen index.html dosyası üzerine yine örnekleri verilen style.css dosyaları tanımlanarak kendi tarayıcınızda sonuçları gözlemleyebilirsiniz. Kenarlık Çeşitleri (border-style) HTML üzerinde elementlere bir çok çeşitte ve yöntemle border ataması yapabiliriz. Kullanılacak olan border çeşitlerini veya border stillerini […]
CSS3 ve HTML Dersleri | Arkaplan (Background) Özellikleri
Bu dersimizde CSS’de arkaplan özelliklerini ve alabileceği değerleri öğreneceğiz. Aşağıdaki tüm stil özelliklerini HTML sayfası üzerinde kendi editörünüzde deneyebilirsiniz. Arkaplan Rengi (background-color) Bu özelliğin alacağı değerler doğrudan yazılacağı gibi (Ör: red, white, purple, black) HEX renk kodları ve RGB renk skalası kullanılabilir. Arkaplan Resmi (background-image) Örneklerde kullanılan arkaplan resimlerini indirmek için tıklayınız. Arka plan stil […]
CSS3 ve HTML Dersleri | Renk (Color) Özellikleri
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 […]
CSS3 ve HTML Dersleri | CSS’e Giriş
CSS’e Giriş CSS açılım olarak Cascading Style Sheet (Basamaklı/Katman Katman/Biçimlendirilmiş Sitil Sayfası) olarak ifade edilir. Genel olarak bir örnekle ifade etmek gerekirse CSS’i bir moda tasarımcısı, HTML’i ise bu tasarımcının HTML’in belirli özelliklerine göre tasarladığı kıyafetleri giyen ve gösteren bir model olarak düşüne bilirsiniz. HTML ile CSS daima birlikte anılırlar, CSS’in kendine özgü bir kod […]
CSS Dersleri Yakında Sizlerle…!
CSS (Cascading Style Sheets) derslerimizin çekimlerini yakında başlayacağım, bu zaman zarfında öğrenmek istediklerinizi Soru Sor butonuna basarak bizimle paylaşabilirsiniz. Sitemizi takip eden ve sorduğunuz sorunun cevabını bilen takipçiler ve şahsım sorunuza cevap arayacaklardır. CSS Derslerimiz 15 Kasım 2018 tarihi itibari ile her perşembe ve pazartesi günleri yeni bir konuyla karşınızda olacak. İlk planlamamda yaklaşık 30 […]
HTML Dersleri #10 | iFrame ve Video ile Çalışmak
Iframe Temel HTML derslerimizin sonuncusunda <iframe></iframe> etiketini kullanmayı, hem iframe etiketi ile hemde video etiketlerini kullanarak sayfamızda video görüntülerin nasıl eklenebileceğini öğreneceğiz. iframe etiketi kendi html sayfamızın içinde bir başka sayfanın gösterilmesi için kullanılır. Daha iyi anlaşılması için şöyle bir örnek verirsek; bir hava durumu yayını yapan sayfayı kendi sayfanızın bir bölümünde gösterebilirsiniz. Bunun için […]
HTML Dersleri Ders#9 | Form İşlemleri
HTML’de Form İşlemleri Fieldset ve Legend Etiketleri Form içeriğinin güzel gözükmesi için <fieldset></fieldset> etiketlerinin kullanımından ve görünümünden bahsedecek olursak, görsel bir alan bir çerçeve oluşturur. Genellikle formlarda kullanılmalarına rağmen birçok farklı noktada kullanıldığını görebilirsiniz. <legend></legend> etiketi de fieldset etiketine başlıklı bir görünüm kazandırır. Aşağıdaki örneği kendi editörünüze ekleyerek kontrol edebilirsiniz. Form Etiketi <form></form> Dinamik sayfaların […]
HTML Dersleri Ders#8 | Resimlerle Çalışmak
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 […]
Son Yorumlar