HTML ile Mini Quiz / Kart Oyunu Tasarlamak 🃏 – Kodlarla Eğlence
Posted inHTML-5 Rehberi

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

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…
No Comments
💄✨ Mini E-Ticaret Ürün Sayfası: HTML ve CSS ile Ürünleri Göz Alıcı Şekilde Listeleyelim ✨💄
Posted inHTML-5 Rehberi

💄✨ Mini E-Ticaret Ürün Sayfası: HTML ve CSS ile Ürünleri Göz Alıcı Şekilde Listeleyelim ✨💄

Merhaba kod kahramanım 😎💻Bugün küçük ama göz alıcı bir e-ticaret ürün sayfası yapacağız.Hazır mısın? Kahveni al ☕, kod şapkanı tak 🎩, çünkü bu sayfa sadece işlevsel değil, şık ve interaktif olacak! 🎯 Projenin Amacı Bu proje ile şunları öğrenip uygulayacağız: HTML ile ürün listesi…
No Comments
🎨 Inline vs Internal vs External CSS: Stil Verirken Çatışmalar, Hatalar ve Komik Anlar
Posted inHTML-5 Rehberi

🎨 Inline vs Internal vs External CSS: Stil Verirken Çatışmalar, Hatalar ve Komik Anlar

Merhaba sevgili kod kahramanları! 👋Bugün CSS’in üç kralını, prensi ve öğrencisini tanıyacağız: Inline, Internal ve External CSS. Hazır ol, çünkü bu yazıda sadece stil vermeyi değil, kod dünyasındaki dramaları, komik hataları ve ipuçlarını da göreceksin.Kafanı yakmayacak ama beynini renklendirecek! 🌈 🔹 1️⃣ Inline CSS:…
No Comments
⏳ HTML Progress & Meter
Posted inHTML-5 Rehberi

⏳ HTML Progress & Meter

“Yükleniyor… Sabret (Ama Gerçekten Ne Kadar?)” İnternette üç evrensel gerçek vardır: Wi‑Fi en kritik anda gider. console.log çalışınca kendini dâhi sanırsın. Progress bar %99’da takılır. İşte bu yazıda HTML’in iki sabır ölçme cihazını masaya yatırıyoruz: <progress> → Bir iş yapılıyor, az kaldı… galiba. <meter>…
No Comments
🌈 HTML ile 3D Görünüm İllüzyonları (Ultra Öğretici & Aşırı Havalı Versiyon)
Posted inHTML-5 Rehberi

🌈 HTML ile 3D Görünüm İllüzyonları (Ultra Öğretici & Aşırı Havalı Versiyon)

Sadece HTML + CSS kullanarak “Bu JavaScript’siz mümkün mü???” dedirten 3D dünyası… 🎬 1) 3D’nin Temel Büyüsü: perspective, transform, preserve-3d 3D efektlerinin sihirli üçlüsü: 💠 perspective Bir sahnenin “göz ile nesne” arasındaki uzaklığı.Düşük değer → daha dramatik 3DYüksek değer → daha yumuşak 3D 💠…
No Comments
🧩 HTML’de Yap-Boz Mantığı: Etiketler Gerçekte Nasıl Birbirine Kilitleniyor?
Posted inHTML-5 Rehberi

🧩 HTML’de Yap-Boz Mantığı: Etiketler Gerçekte Nasıl Birbirine Kilitleniyor?

(Bu sefer pro-level, mizah-level-max, öğretici-seviye: üstat) HTML’yi anlatırken çoğu kişi şöyle yapar: “Header koy, nav koy, section koy.”(Sonra da giderler.) Biz öyle değiliz!Biz HTML’nin mutfağına dalıyoruz, tencereyi çeviriyoruz, tahtaya vurup ritim tutuyoruz 😄💻✨ Bugün HTML’yi ev, etiketleri de yap-boz parçası olarak düşüneceğiz.Ve her parçayı…
No Comments
HTML’de Emoji: Web’de İnsan Gibi Konuşmanın Yolu 😎🎉
Posted inHTML-5 Rehberi

HTML’de Emoji: Web’de İnsan Gibi Konuşmanın Yolu 😎🎉

Sen de fark ettin mi? Web sayfaları bazen sadece sıkıcı harflerden oluşuyor ve bakarken insanın ruhu daralıyor… 😢Ama bir emoji eklediğinde, sayfa bir anda canlanıyor, seninle konuşuyor gibi oluyor! 🌈✨ İşte bu yüzden HTML’de emoji kullanmak, sadece estetik değil; kullanıcıyla iletişim kurma sanatıdır.Üstelik doğru…
No Comments