Ajouter des vidéos en HTML pouvait autrefois sembler être de la magie noire. Mais avec HTML5, les vidéos peuvent maintenant arriver sur notre page en disant « Hé, je suis là ! ». Prenons les choses étape par étape et expliquons ce que chaque ligne de code fait réellement. 🔍✨ 1️⃣ Le Roi des Vidéos […]
Continue Reading
Adding videos in HTML used to feel like some kind of hocus-pocus magic. But with HTML5, videos can now come to our page saying, “Hey, I’m here!” Let’s take it step by step and break down what each line of code actually does. 🔍✨ 1️⃣ The King of Videos: The <video> Tag The <video> tag […]
Continue Reading
HTML dünyasında video eklemek bir zamanlar hokus pokus gibi görünürdü. Ama HTML5 ile birlikte videolar sayfamıza “merhaba ben buradayım!” diyebiliyor. Hadi, adım adım bakalım, bu kodların ne işe yaradığını da birlikte çözelim. 🔍✨ 1️⃣ Videonun Kralı: <video> Etiketi HTML5 ile gelen <video> etiketi, sayfamıza video eklememizi sağlayan sihirli kutu gibi. Basit bir örnekle başlayalım: Kodun […]
Continue ReadingWeb tasarımında, HTML elementlerinin düzenini ve yerleşimini kontrol etmek için CSS Box Model kullanılır. Her HTML elementi, bir kutu olarak düşünülür ve bu kutu içerisinde içerik, kenar boşluğu (padding), kenarlık (border) ve dış boşluk (margin) gibi özelliklere sahiptir. CSS Box Model, bu yapıyı anlamamıza ve tasarımımızı daha etkili bir şekilde düzenlememize yardımcı olur. Box Modelin […]
Continue Reading
Selam sevgili kod kaşifi! 🕵️♀️💻Bugün HTML’in sadece yazı ve resimle sınırlı olmadığını, sesler ve videolarla sayfanı nasıl bir mini sinema ve müzik stüdyosuna çevirebileceğini öğreneceğiz. 🎥🎧💫 HTML5 ile multimedya eklemek artık çocuk oyuncağı, ama ipuçlarıyla onu bir profesyonel sahneye dönüştürebiliriz. Hazırsan başlıyoruz! 1️⃣ Ses Eklemenin Büyüsü 🔊 Temel Ses Ekleme HTML’de ses eklemek için <audio> […]
Continue Reading
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. […]
Continue Reading
(Web Dünyasının Mikrofonu, Şikâyet Kutusu, Aşık Ol Kayıt Formu ve Daha Fazlası 😄) Bazen bir web sitesine girersin, bir form açılır:“Adın ne?”“Bize e-postanı da ver…”“Şu çerezleri kabul etmeye ne dersin?” 🍪 İşte o an anlarsın: Form hayatının içindedir. Formlar olmasa:❌ Üyelik yok❌ Giriş yok❌ Yorum yok❌ Sepete ürün eklemek bile yok❌ Sonsuza kadar tek taraflı […]
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
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