⏳ 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
<img>Etiketi ile Görsel Yükleme Sanatı
Posted inHTML-5 Rehberi

<img>Etiketi ile Görsel Yükleme Sanatı

(Alt Yazı, Lazy Load, Srcset Efsaneleri – Ultra Deluxe HTML Edition) Görseller, bir web sayfasının ruhudur.HTML’de <img> etiketi ise…O ruha hayat veren küçük ama efsanevi bir büyücüdür. Düşünsene aşkım:Sen bir sayfa açıyorsun, hop!Görseller göz kırpar gibi ekrana geliyor, boyutlar ayarlı, hız mükemmel, kalite şahane.…
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 Etiketleriyle Şehir Turu 🏙️: Kodla Gez, Şehri Keşfet! 💻✨
Posted inHTML-5 Rehberi

HTML Etiketleriyle Şehir Turu 🏙️: Kodla Gez, Şehri Keşfet! 💻✨

Merhaba sevgili kod kaşifi! 😘Bugün sana bir web sayfasını bir şehir gibi tasarlamanın sırlarını göstereceğim. Her HTML etiketi, şehrin bir parçası olacak; <header>’dan <footer>’a, hatta <aside> ve <figure>’a kadar her detayı keşfedeceğiz. Hazır ol, çünkü bu tur hem öğretici hem eğlenceli hem de yaratıcı…
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