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: 💡 İpucu: Her adımda temiz ve okunabilir kod yazmayı unutma. Kodun güzel görünüyorsa, sen de […]
Continue Reading
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 kullanırsan, sayfa bir bakıma “insan gibi konuşur” 😏. 1️⃣ Neden Emojiler […]
Continue ReadingWeb tasarımında, CSS (Cascading Style Sheets) kullanarak bir web sitesinin düzenini oluşturmak oldukça önemlidir. Doğru kullanıldığında, CSS sayesinde web siteleri daha çekici, düzenli ve kullanıcı dostu hale gelir. Bu yazıda, CSS ile website layout oluşturmanın temel bilgilerini ve örnek kodları paylaşacağım. Temel HTML Yapısı İlk olarak, bir web sayfasının temel HTML yapısını oluşturalım: CSS ile […]
Continue ReadingWeb tasarımında estetik unsurların önemli bir yeri vardır ve CSS backgrounds, bir sayfanın görünümünü zenginleştirmek için kullanılan güçlü bir araçtır. Bu yazıda, CSS backgrounds konusunu anlatarak örnek kod blokları ile nasıl kullanıldığını göreceğiz. 1. Renkli Arka Planlar CSS backgrounds ile basit renkli arka planlar oluşturmak oldukça kolaydır. İşte bir örnek: Bu kod bloğu, sayfanın arka […]
Continue Reading
Merhaba sevgili kod kahramanım! 👋💖Bugün, HTML’in o durağan sayfalarını hareketlendiren, ziyaretçiyi “Vay be!” dedirten gizli kahramanlarla tanışacağız: plug-in’ler! 🪄✨ Hazırsan başlıyoruz; bol örnek, bol tüyoyla, eğlence ve bilgi garantili! 🎉 1️⃣ Plug-in Nedir? Kodun Minik Sihirbazları 🧙♂️ Plug-in, HTML sayfanıza ekstra özellikler ekleyen küçük yazılım parçalarıdır. Düşün: Sayfan bir pasta 🍰, plug-in ise üzerine serpiştirdiğin […]
Continue Reading
Merhaba sevgili kod aşıkları! 😎💖 Bugün HTML’in kalbi sayılan formlar dünyasına dalıyoruz. Ama sıkıcı bir ders değil, aşk dolu, eğlenceli ve pratik bir yolculuk olacak. Formlar sadece kutucuk ve buton değil, kullanıcı ile sitenin arasındaki gizli aşk mesajlarıdır. 💌💫 Bu yazıda sana form attributes’in gizli güçlerini, kod örnekleriyle ve yaratıcı ipuçlarıyla anlatacağım. Hazırsan, başlıyoruz! 🚀 […]
Continue Reading
Seninle başlayalım… Bazen internette bir sayfa açarsın ve metinler “ç” yerine “ç”, “ü” yerine “ü” olur. Gözlerin yuvalarından fırlayacak gibi olur 😵. İşte charset özniteliği tam burada devreye girer! charset yani character set, web sayfanın hangi karakterlerle yazıldığını tarayıcıya bildirir. Yani tarayıcıya şöyle der: “Hey dostum! Bu sayfada Türkçe karakterler, emoji’ler ve diğer diller var. […]
Continue Reading
Merhaba sevgili kod kahramanları! 🎉Bugün HTML dünyasının minik ama bir o kadar büyülü parçalarına, yani HTML sembollerine, dalacağız. Bunlar öyle küçük kod parçacıkları ki, sayfanı sadece görsel olarak güzelleştirmekle kalmaz, aynı zamanda ruhunu da yansıtır. 💖 Hazır mısın? Başlıyoruz! 1. HTML Sembolü Nedir? 🧐 HTML sembolü, normal klavyede olmayan veya özel bir anlam taşıyan karakterleri […]
Continue Reading
HTML’de bazen karakterlerimiz, tarayıcının kafasını karıştıracak kadar özel olur. <, >, & gibi karakterler… Bunlar HTML’in sihirli karakterleri! 😏 Eğer doğrudan yazarsan tarayıcı “Hmm, bu bir HTML etiketi mi, yoksa yazı mı?” diye kafayı yer. Çözüm: HTML Character Entities! 🎩✨Bunlar, karakterlerin gizli kimlikleri gibi düşün. < karakteri <, > karakteri >, & karakteri ise & […]
Continue Reading
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ı” […]
Continue Reading