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 rehber, Uptime Kuma uygulamasını Docker kullanarak kurmanız ve hem NGINX hem de Apache2 ile HTTPS destekli güvenli erişim sağlamanız için adım adım hazırlanmıştır. Uptime Kuma, sistem ve servislerinizi kolayca izlemek, çökme anlarında bildirim almak ve kesintileri analiz etmek için harika bir çözümdür.Bu rehber sonunda hem hızlı bir kurulum gerçekleştirecek hem de profesyonel bir yapı elde etmiş olacaksınız. 🐳 1.

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

PHP ile sunucunun tarih ve saatini öğrenmek oldukça kolaydır. date() fonksiyonu, PHP’nin yerleşik fonksiyonlarından biri olup, belirtilen formatta tarih ve saat bilgisi döndürebilir. Bu bilgiyi sunucunuzun saat dilimiyle öğrenmek, özellikle farklı sunucularda çalışan uygulamalar için önemlidir. Aşağıdaki kodu bir dosya olarak kaydedip, sunucunuza yükleyerek sunucunuzun tarih ve saat dilimini görebilirsiniz: Kodunuzu date.php olarak kaydedin. Bu dosyayı sunucunuza yükleyin. Web tarayıcınızda

Bu kod, web sayfası üzerinde rastgele seçilen bağlantıları (linkleri) görüntülemek için kullanılır. Amaç, belirli bir sayıdaki bağlantıyı (bu örnekte 10 bağlantı) rastgele şekilde seçip, bunları kullanıcıya göstermek ve her birinin tıklanabilir hale gelmesini sağlamaktır. Aşağıda kodun her kısmının ne işe yaradığını detaylıca açıklıyorum: Kodun Amacı ve Kullanımı HTML Yapısı: <div id=”linkContainer”></div> etiketi, bağlantıların (linklerin) yerleştirileceği bir kapsayıcıyı (container) belirtir. Burada

Bu CSS kodu, belirli bir elementin (bu durumda, #linkContainer içindeki tüm <a> bağlantılarının) stilini tanımlar ve hover (üzerine gelindiğinde) etkisi ekler. Kod, iki ana bölümden oluşmaktadır: Kod Açıklaması: #linkContainer a: Bu kısım, sayfada id=”linkContainer” olan bir elementin içerisindeki tüm <a> (bağlantı) etiketlerine uygulanacak stilleri belirtir. transition: color 0.3s, padding-left 0.3s;: transition özelliği, bir stil değişikliğinin animasyonlu bir şekilde yapılmasını sağlar.

object-fit: cover; CSS özelliği, özellikle <img> ve <video> gibi medya öğelerinde kullanılır ve içeriğin belirlenen genişlik ve yükseklik oranlarına uyum sağlamasını sağlar. Ne İşe Yarar? Resmin veya videonun belirlenen bir konteynerin içine sığmasını ve kırpılmasını sağlar. Orantıyı bozmadan içeriğin tamamen görünmesini sağlar. İçeriği taşırmadan ve boşluk bırakmadan gösterir. Nasıl Çalışır? Resim, orijinal en-boy oranını koruyarak belirtilen alanı doldurur. Eğer resmin

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