#KodÖrneği

HTML ile Mini Quiz / Kart Oyunu Tasarlamak 🃏 – Kodlarla Eğlence

Aralık 25, 2025Aralık 25, 2025porsukcansu@gmail.comLeave a Comment

Selam dijital kaşif! 🌍Bugün klavyeni ve fareni kullanarak eğlenceli, interaktif bir mini quiz tasarlayacağız. Hedefimiz hem öğrenmek hem de eğlenmek. Doğru/Yanlış veya çoktan seçmeli sorularla HTML dünyasına adım atacağız ve <form> ile <input> sihirli kombinasyonlarını keşfedeceğiz. Hazırsanız, kartlar dağıtılıyor… 🎴 1. Quiz Sayfasının Temel Yapısı – HTML ile Başlangıç HTML, quiz’in iskeleti. Form olmadan hiçbir […]

⏳ HTML ile Zaman Yolculuğu: Kodla Geçmişe Mektup Gönder

Kasım 21, 2025Kasım 21, 2025porsukcansu@gmail.comLeave a Comment

Merhaba sevgili zaman yolcusu! 🧙‍♂️💻Web sayfaları sadece yazı ve resimden ibaret değil, aşkımm. Onları biraz sihirle, interaktif mesajlarla ve CSS animasyonlarıyla birer zaman kapsülüne çevirebiliriz. Haydi başlayalım, ekranını zamanda yolculuk yapacak bir makineye çevirelim! 🕰️✨ 1️⃣ Zaman Yolculuğunun Temeli: HTML Yorumları HTML yorumları çoğu zaman sadece geliştiricilerin okuduğu gizli notlar gibi durur. Ama biz onları […]

🎨 HTML ve SVG ile Grafik Oluşturma: Kodla Sanat, Eğlence ve Bilgelik Bir Arada

Şubat 3, 2024Kasım 21, 2025porsukcansu@gmail.comLeave a Comment

Merhaba sevgili kod sihirbazı! 🧙‍♂️💻Biliyorsun, web sayfaları sadece yazı ve resimlerden ibaret değil. Bazen o sayfada “Ben buradayım!” diye bağıran grafikleri de istiyoruz. İşte o an devreye SVG giriyor. Hani şu, HTML ile dans eden vektör grafikleri… 🎶✨ Ama dikkat! Burada sadece çizim yapmakla kalmayacağız; animasyon, etkileşim, gradient, transform, kısacası SVG’nin bütün sihirli dünyasını keşfedeceğiz. […]

HTML Başlık Etiketleri (h1–h6): Web Sayfalarının VIP’leri 🎩✨

Ocak 9, 2024Aralık 25, 2025porsukcansu@gmail.comLeave a Comment

Merhaba dijital kaşif! 🌍 Web sayfanın başlıkları, yazının ruhu, ziyaretçilerin radarına takılan ilk sinyaller ve Google’ın da göz bebeği! Bugün HTML başlık etiketlerini hem detaylı hem de eğlenceli bir şekilde inceleyeceğiz. Kod örnekleri, ipuçları ve ufak hilelerle dolu bir rehber bu. 1. Başlık Etiketleri Hakkında Temel Bilgi 🏰 HTML başlıkları: İpucu: Başlıklar sadece “büyük yazı” […]