Yazı Getir
avatar

HTML Etiketleri Rehberi: Web Sayfalarının Temel Taşları

Bu yazıda, HTML'de en çok kullanılan etiketleri işlevlerine göre açıklamalarıyla birlikte derledim. Web geliştiriciliğe yeni başlayanlar veya bilgilerini tazelemek isteyen herkes için sade ama kapsamlı bir kaynak sunuyorum. Etiketlerin her biri, bir web sayfasında içerikleri düzenlemekten biçimlendirmeye, bağlantılardan formlara kadar çeşitli işlevler üstlenir. Haydi birlikte inceleyelim. 1. Yapısal (Structural) Etiketler Açıklama:Bu etiketler, bir web sayfasının iskeletini oluşturur. Her HTML belgesi bu temel yapı ile başlar: <!DOCTYPE> – Belge türünü tanımlar (HTML5 için zorunlu) <html> – Tüm HTML içeriğini kapsayan ana etiket <body> – Sayfada görünen içerikleri barındırır 2. Başlık ve Paragraf Etiketleri Açıklama:Başlık etiketleri sayfanın içeriğini bölümlere ayırmak için kullanılır. <h1> en büyük, <h6> en küçük başlıktır. <h1>...

Devamını Oku »
Yazı Getir
avatar

Sayfa Kaydırıldıkça Yukarıdan Görünen Kutular Nasıl Yapılır? (HTML, CSS, JavaScript ile Adım Adım)

Web sitelerinde kullanıcı deneyimini artırmak için görsel geçişler ve animasyonlar oldukça önemlidir. Sayfa aşağı kaydırıldıkça içeriklerin yavaşça yukarıdan belirerek görünmesi, hem profesyonel bir hava katar hem de kullanıcıyı içerikte tutar. Bu tür animasyonlar özellikle: Blog içeriklerinde Ürün tanıtım sayfalarında Hizmet açıklamalarında Referans ya da portfolyo sunumlarında güçlü bir etki bırakır. Bu yazıda, sadece HTML, CSS ve saf JavaScript kullanarak scroll (kaydırma) ile yukarıdan belirerek görünen kutular nasıl yapılır, adım adım öğreneceğiz. 🧩 Gerekli Kodlar ve Yapı 1. CSS Kodları (style.css) İlk olarak, kutuların animasyonla görünmesini sağlayacak CSS kodlarını style.css dosyanıza ekleyin: .box { width: 300px; margin: 100px auto; padding: 40px; background: #2196f3; color: white; ...

Devamını Oku »
Yazı Getir
avatar

Windows’ta Sürücüdeki Dosya ve Klasörleri HTML ile Listeleme

Windows kullanıcıları için komut dosyaları, sistemle etkileşimde bulunmanın hızlı ve etkili yollarından biridir. Bu yazıda, iki farklı .bat dosyasının (batch script) ne işe yaradığını, nasıl çalıştığını ve hangi durumlarda kullanılabileceğini detaylıca açıklayacağım. Her iki dosya da bilgisayarınızdaki sürücüleri kontrol edip içindeki dosya ve klasörleri listelemeye yarar. 1. list_files_ana_html.bat – Kök Dizin Listeleyici (HTML Formatında) Amaç: Bu dosya, bilgisayarınızdaki her bir sürücünün sadece kök dizinindeki dosya ve klasörleri listelemek için kullanılır. Yalnızca ilk seviyedeki öğeleri tarar, alt klasörlere girmez ve her bir sürücü için HTML formatında çıktı dosyası oluşturur. Kod: @echo off chcp 65001 >nul setlocal enabledelayedexpansion :: Tarih ve saat bilgisini al for /f "tokens=1-4 delims=/ " %%a in...

Devamını Oku »
Yazı Getir
avatar

HTML’de Bağlantı (Link) Nasıl Eklenir?

HTML’de bağlantı vermek ve görselleri tıklanabilir hale getirmek oldukça yaygın bir tekniktir. Kullanıcıların sayfalar arasında kolayca geçiş yapabilmesi için linkler kullanılır. <a> ve <img> etiketleriyle görselleri bağlantı haline getirerek, hem görsel hem de metin tabanlı içeriklerde etkileşim oluşturabilirsiniz. Aşağıda, bu etiketlerin nasıl geliştirilebileceği ve daha kapsamlı bir şekilde nasıl kullanılacağına dair örnekleri ve açıklamaları bulabilirsiniz. HTML’de Link Verme ve Görseli Bağlantı Haline Getirme HTML’de bir yazıya veya görsele bağlantı eklemek için, <a> ve <img> etiketleri kullanılır. Bu sayede, kullanıcılar görsel veya metin üzerine tıkladığında başka bir sayfaya yönlendirilir. 1. Linki Mevcut Pencerede Açmak İçin: Varsayılan olarak, <a> etiketi ile oluşturulan bağlantılar aynı pencerede veya...

Devamını Oku »