23 – Html Tablo Kenarlıkları – Table Borders Tablolarımızın iç ve dış kenarlarının gösterilmesidir. Farklı renklerde ve şekillerde olabilir. Tablo Kenarlık Nasıl Eklenir? Tabloya kenarlık eklemek için style tanımlaması yaparız. Örnek kullanım border: 1px solid red; şeklindedir. Buradaki 1px kenarlığımızın kalınlığını ifade eder. Solid kenarlık tipini, red ise rengi belirtir. Aşağıdaki örnekte tablonun kenarlığını 2px […]
22 – Html Tablo Oluşturma Html de tablo verilerin satırlar ve sütunlar halinde düzgün bir şekilde gösterilmesini sağlayan bir yapıdır. Tablo <table> etiketi ile başlatılır ve </table> etiketi ile sonlandırılır. Html Tablo Satır Etiketi <tr> <tr> etiketi tabloda satırları ifade eder. </tr> kapanış etiketi ile satır sonlanır. Bir alt satır tekrar <tr> </tr> etiketleri ile
21 – Html Favicon Oluşturma Favicon tarayıcınızın sekmesinde sayfa başlığınızın sol tarafında gösterilen icondur. Çok küçük bir resim olduğu için dikkat çeken tasarıma sahip bir resim kullanmanız iyi olur. Favicon oluşturmak için bir resim editörü kullanabilir veya favicon.cc gibi siteler vasıtasıyla favicon oluşturabilirsiniz. Favicon Nasıl Eklenir? head etiketleri içerisinde <link rel=”icon” type=”image/x-icon” href=”resimyolu_favicon.ico”> şeklinde favicon ekleyebilirsiniz. Örnek
20 – Html Picture Elemanı html picture elemanı web sayfalarının farklı cihaz ve çözünürlüklerde farklı resimler göstermesini sağlar. Küçük bir ekranda büyük bir resim göstermek kaynak israfı ve performans kaybına sebep olur. Bu sebepten dolayı farklı çözünürlükler için farklı boyutlarda resim kullanabiliriz. <picture> </picture> etiketleri içerisinde <source media=”(çözünürlük)” srcset=”resimyolu”> şeklinde resimler tanımlanır. Şartlarımıza uymadığı durumlarda
19 – Html Arkaplan Resmi – Background Image Html öğelerinin arkaplanına (background-image) yani zeminine bir görsel eklemek için kullanılır. Html öğelerinin hepsinde arkaplan resmi belirtilebilir. Arkaplan Resmi Nasıl Eklenir? Arkaplan resmi eklemek için html öğesine style niteliğini (attribbute) ekleriz ve background-image anahtar kelimesini kullanırız. url parametresi ile resim yolu belirtilir. Örnek Yukarıdaki örneği denediyseniz varsayılan
18 – Html Resim Haritası – Image Maps Html resim haritası kullanarak resim üzerinde tıklanan alanlar oluşturulur. Aşağıdaki örnek resimde bilgisayar telefon ve top üzerine geldiğinizde bir link olduğunu göreceksiniz. Peki nasıl yaptık? Aşağıda inceleyelim. Resim Haritaları <map> usemap Kullanımı Html <map> etiketi bir resim haritası oluşturmamızı sağlar. Map’e isim veriyoruz <map name=”alisveris”> dedim. Html
17 – Html Resim Kullanımı – Images Html resim nasıl eklenir, link nasıl verilir, genişlik, yükseklik ayarları nasıl yapılır örneklerle inceleyelim. Web sayfasında resim kullanımı sitenize görsellik katacak ve daha güzel gözükecektir. Html resim ekleme, link verme, Html Resim <img> Etiketi Kullanımı HTML <img> etiketi, bir görüntüyü bir web sayfasına gömmek için kullanılır. <img> ‘ın kapanış
16 – Html Link – Bağlantı Oluşturma Html sayfasında bağlantı (link) oluşturmak için <a> etiketini kullanırız. Bu html elemanı sayesinde iç veya dış sayfaya bir köprü, bağlantı yani link oluşturmamız sağlanır. Kullanım şekli: aldığı href attribute sayesinde bağlantı kurulacak hedef belirlenir. Etiketlerin içerisine yazılan metin kullanacının göreceği kısımdır. Etiketlerin içerisindeki bağlantı metnine tıklamak, okuyucuyu belirtilen
15 – Html HSL – HSLA Renk Kullanımı hsl( ton , doygunluk , açıklık ) – hsl(hue, saturation, lightness) formülü ile elde edilen renk değerleridir. Örnek kullanımı style=”background-color:hsl(0, 100%, 50%);” şeklindedir. hsla ise hsla( ton , doygunluk , açıklık, alpha ) – hsl(hue, saturation, lightness, alpha) formülü ile elde edilir. Burada ilave olarak alfa eklenmiştir. Bu renge opaklık (saydamlık) katar. Örnek kullanımı style=”background-color:hsla(9, 100%, 64%, 0);” şeklindedir. HSL Renk Nedir? Nasıl
14 – Html HEX Renk #rrggbb Html Hex Renk Sistemi Hexadecimal (16 tabanlı sayı sistemi) sisteme göre oluşturulan renk sistemidir. Örnek kullanımı style=”background-color:#ff0000;” şeklindedir. Burada RR (kırmızı), GG (yeşil) ve BB (mavi) dir. Her bir renk 00 ile ff arasında temsil edilir. Daha önce 0 ile 255 arasında kullanıyorduk. Örneğin bir renk belirtmek için #ff0000 ile
