Kodlama Rehberleri ve Çözümler
En çok aranan kodlama sorularının cevapları, hata çözümleri ve başlangıç rehberleri. Python, JavaScript, HTML, CSS ve daha fazlası — hepsi Türkçe, örneklerle.
25 sonuç · HTML & CSS kategorisinde
HTML'de Resim Ekleme (img Etiketi)
HTML'de bir web sayfasına resim ekleme: img etiketi, src, alt, genişlik/yükseklik ayarları ve erişilebilirlik için en iyi uygulamalar.
CSS ile Ortalama: Flexbox ile Dikey ve Yatay Hizalama
CSS'te bir öğeyi tam ortaya almanın en kolay yolu: Flexbox. justify-content ve align-items ile yatay ve dikey ortalama örnekleri.
CSS Responsive Tasarım ve Media Queries
Web sitesini telefon, tablet ve masaüstünde düzgün göstermek: CSS media queries ile responsive (duyarlı) tasarımın temelleri.
HTML'de Tablo Nasıl Oluşturulur?
HTML tablo etiketleri: table, tr, th ve td ile satır ve sütunlardan oluşan bir tablo oluşturmayı örnekle öğren.
CSS Animasyon: @keyframes ile Hareket
CSS'te @keyframes ve animation ile öğeleri nasıl hareketlendirirsin? Basit bir yanıp sönme ve kayma animasyonu örneğiyle.
CSS Grid ile Sayfa Düzeni Oluşturma
CSS Grid nedir ve nasıl kullanılır? display:grid, grid-template-columns ve gap ile satır-sütun düzeni oluşturmayı örnekle öğren.
CSS Neden Çalışmıyor? En Sık 7 Neden ve Çözümü
Yazdığın CSS uygulanmıyor mu? Bağlantı hatası, seçici yanlışı, özgüllük ve önbellek gibi en sık nedenleri çözüyoruz.
CSS ile Öğeyi Ortalama (Dikey + Yatay)
Bir öğeyi hem dikey hem yatay ortalamanın en kolay yolu: Flexbox ile 3 satır kod.
HTML'de Resim Görünmüyor (img src) Çözümü
img etiketi resmi göstermiyor mu? Yol hatası, dosya adı ve alt metni ile en sık nedenleri çözüyoruz.
HTML'de Bağlantıyı Yeni Sekmede Açma
Bir linki yeni sekmede açmak için target='_blank' kullanımı ve güvenlik için rel ayarı.
CSS z-index Çalışmıyor: Neden ve Çözümü
z-index öğeyi öne getirmiyor mu? position gerekliliği ve yığın bağlamı (stacking context) açıklamasıyla.
HTML ile Merhaba Dünya (Hello World) Nasıl Yazılır?
HTML dilinde ekrana 'Merhaba Dünya' yazdıran ilk programın nasıl yazıldığını adım adım gösteriyoruz.
CSS ile Merhaba Dünya (Hello World) Nasıl Yazılır?
CSS dilinde ekrana 'Merhaba Dünya' yazdıran ilk programın nasıl yazıldığını adım adım gösteriyoruz.
HTML Nedir? Ne İşe Yarar? (Başlangıç Rehberi)
HTML nedir, nerelerde kullanılır ve nasıl öğrenilir? Yeni başlayanlar için sade bir tanıtım rehberi.
CSS Nedir? Ne İşe Yarar? (Başlangıç Rehberi)
CSS nedir, nerelerde kullanılır ve nasıl öğrenilir? Yeni başlayanlar için sade bir tanıtım rehberi.
HTML Yorum Satırı Nasıl Yazılır?
HTML dilinde tek satır ve açıklama yorumları nasıl yazılır? Örneklerle yorum kullanımı.
CSS Yorum Satırı Nasıl Yazılır?
CSS dilinde tek satır ve açıklama yorumları nasıl yazılır? Örneklerle yorum kullanımı.
CSS ile Arka Plan Resmi Ekleme (background-image)
Bir bölüme arka plan resmi eklemek, kaplama ve boyutlandırma için background özellikleri.
CSS ile Şık Buton Tasarımı
Modern, hover efektli bir buton yapmak için renk, köşe yuvarlama, gölge ve geçiş örnekleri.
HTML'de Form Oluşturma (input, button)
Kullanıcıdan veri almak için HTML form yapısı: metin kutusu, etiket ve gönder butonu örnekleriyle.
CSS ile Responsive (Mobil Uyumlu) Tasarım
Sayfanı telefon ve bilgisayarda düzgün gösteren responsive tasarımın temelleri: media query ve esnek birimler.
CSS Flexbox Nedir? (Örneklerle Basit Anlatım)
CSS Flexbox ile öğeleri kolayca yan yana dizme, ortalama ve hizalama. display:flex, justify-content ve align-items örneklerle adım adım.
CSS Grid Nedir? (Izgara Düzeni Basit Anlatım)
CSS Grid ile iki boyutlu ızgara düzenleri: satır ve sütun oluşturma, grid-template-columns ve gap örnekleriyle adım adım.
CSS Media Query ile Responsive (Duyarlı) Tasarım
Media query nedir ve nasıl kullanılır? Telefon, tablet ve masaüstü için farklı CSS kuralları yazmayı örneklerle öğren.
Sayfa 1 / 2