Görselde iki farklı yapı karşılaştırılmaktadır: 🔹 Semantik Olmayan Yapı (Solda) Bu yapı tamamen <div> ve <span> etiketleri ile oluşturulmuştur.Ancak bu etiketler anlamsal değildir, yani sayfanın hangi bölümünün ne işe yaradığını açıklamazlar. 🔹 Semantik Yapı (Sağda) Bu etiketler HTML5 ile gelen anlamsal (semantic) etiketlerdir ve sayfanın yapısını açık şekilde ifade eder.…
CSS Flexbox (Flexible Box Layout), modern web tasarımında esnek ve dinamik düzenler oluşturmak için kullanılan güçlü bir layout sistemidir. Özellikle responsive (duyarlı) tasarımlarda, dikey-yatay ortalama işlemlerinde ve karmaşık hizalama senaryolarında büyük kolaylık sağlar. Bu rehberde Flexbox’ın temel mantığını, görseldeki tüm başlıkları ve profesyonel kullanım detaylarını bir araya getirerek kapsamlı şekilde…
HTML (HyperText Markup Language), web sayfalarının temel yapı taşıdır. Aşağıda görselde yer alan HTML etiketlerinin tamamını yazıya döktüm ve ardından profesyonel bir açıklama rehberi hazırladım. 📌 Görseldeki HTML Etiketleri Listesi 🚀 HTML Etiketleri Nedir? HTML etiketleri, web sayfasının yapısını oluşturan kod bloklarıdır. Her etiket belirli bir işlevi yerine getirir: 📂…
Why use them?Klavyede bulunmayan karakterler (örneğin ©, €) veya HTML sözdiziminde (syntax) özel anlam taşıyan karakterler (örneğin <, >, &) için kullanılır.Bu karakterler doğrudan yazılırsa kodu bozabilir. SYNTAX: Bir HTML entity: Two Types (İki Tür) Common Examples (Yaygın Örnekler) Symbol Description Entity Name Entity Number < Less than < <…
CSS, HTML bağlantılarını (<a> etiketleri) durumlarına (state) göre stillendirmemizi sağlar. Linklerin kullanıcıyla etkileşime göre farklı görünümler alması, hem kullanıcı deneyimini (UX) hem de görsel tasarımı güçlendirir. CSS’te bağlantılar için 4 temel pseudo-class (sözde sınıf) bulunur: ⚠️ Bu pseudo-class’ların yazım sırası çok önemlidir. 1️⃣ :link (Unvisited – Ziyaret Edilmemiş) Henüz tıklanmamış…
CSS Selectors (CSS Seçiciler), HTML dokümanındaki belirli öğeleri hedefleyerek onlara stil uygulamamızı sağlayan yapılardır. Doğru seçici kullanımı; daha temiz, performanslı ve sürdürülebilir kod yazmanın temelidir. Bu rehberde, temel seçicilerden gelişmiş kombinasyonlara kadar tüm önemli CSS seçici türlerini detaylı ve profesyonel bir şekilde ele alacağız. 1️⃣ Basic Selectors (Temel Seçiciler) Temel…
Web tasarımında görsel hiyerarşi oluşturmak, içerikleri ayırmak ve tasarıma estetik bir çerçeve kazandırmak için CSS border (kenarlık) özellikleri büyük önem taşır. CSS ile bir HTML elementine kenarlık ekleyebilir, kalınlığını, stilini ve rengini belirleyebilirsiniz. Bu rehberde CSS border özelliklerini detaylı ve profesyonel bir şekilde ele alacağız. CSS Border Core Properties (Temel…
Web tasarımında en sık karşılaşılan ihtiyaçlardan biri bir div elementini yatay ve dikey olarak ortalamaktır. CSS’te bir elementi tam merkeze hizalamak için farklı yöntemler bulunmaktadır. Bu yazıda en modern ve profesyonel yöntemlerden klasik yaklaşıma kadar tüm teknikleri detaylı olarak inceleyeceğiz. 1️⃣ Method 1: Flexbox (Önerilen Yöntem) Flexbox, modern web geliştirmede…
Windows işletim sistemi, özellikle sistem yöneticileri, IT uzmanları ve siber güvenlik analistleri için güçlü komut satırı araçları sunar. Command Prompt (CMD) üzerinden çalıştırılan bu komutlar; ağ analizi, sistem bilgisi toplama, servis yönetimi, kullanıcı kontrolü, disk işlemleri ve adli bilişim süreçlerinde kritik rol oynar. Command Prompt Nasıl Açılır? 1️⃣ Temel Ağ…
Web geliştirmenin temeli olan HTML (HyperText Markup Language), web sayfalarının iskeletini oluşturan işaretleme dilidir. Bir web sitesinin tarayıcıda düzgün görüntülenebilmesi için belirli bir temel yapıya sahip olması gerekir. Bu yapı genellikle bir index.html dosyası ile başlar. Bu yazıda, basit bir HTML sayfasının yapısını inceleyecek ve ardından daha profesyonel bir sürümünü…
HTML formları, web sitelerinde kullanıcıdan veri almak için kullanılan en temel yapılardır. <input> etiketi ise formların en önemli bileşenidir. HTML5 ile birlikte gelen farklı input type seçenekleri sayesinde kullanıcı deneyimi geliştirilmiş, doğrulama (validation) süreçleri kolaylaştırılmış ve mobil uyumluluk artırılmıştır. Bu yazıda görselde bulunan tüm input türlerini detaylı şekilde inceleyeceğiz ve…
Bilgisayar dünyasında dosya uzantıları (file extensions), bir dosyanın türünü ve hangi program ile açılacağını belirleyen en önemli yapılardan biridir. Genellikle dosya adının sonunda yer alır ve noktadan sonra gelen kısım uzantıyı temsil eder (örnek: belge.docx, video.mp4). Bu rehberde en yaygın dosya uzantılarını kategorilere ayırarak detaylı şekilde açıklıyor ve ayrıca daha…
PDF dosyaları, günümüzde en yaygın kullanılan belge formatıdır. Resmi evraklar, sözleşmeler, akademik çalışmalar, sunumlar ve kurumsal dokümanlar genellikle PDF formatında paylaşılır. Ancak PDF dosyalarını düzenlemek veya dönüştürmek çoğu zaman zor olabilir. İşte tam bu noktada iLovePDF, PDF işlemlerini kolaylaştıran güçlü ve kullanıcı dostu bir online araç olarak öne çıkar. Resmi…
Windows’ta netstat komutu, sadece bağlantıları göstermekle kalmaz; farklı parametrelerle birlikte kullanıldığında çok daha kapsamlı ağ analizleri yapmanızı sağlar. Bu bölümde -a gibi tüm önemli netstat parametrelerini`, teknik açıklamaları ve profesyonel kullanım senaryolarıyla birlikte detaylı şekilde ele alacağız. 🔹 Netstat Komut Yapısı Örnek: Bu komut tüm bağlantıları, sayısal formatta, PID bilgisi…
Yazılım dünyasına adım atan herkesin ortak bir başlangıç noktası vardır: “Hello World!” Bu basit çıktı, aslında bir programlama dilini öğrenmeye başlarken yazılan ilk koddur. Hem dilin temel söz dizimini (syntax) öğretir hem de geliştiriciye ilk çalışan program deneyimini yaşatır. Bu yazıda, en popüler programlama dillerinde “Hello World” çıktısının nasıl yazıldığını…
Microsoft Word, hem iş hayatında hem de eğitim süreçlerinde en sık kullanılan ofis programlarından biridir. Ancak çoğu kullanıcı, Word’ü yalnızca fareyle kullanarak çalışır. Oysa klavye kısayollarını kullanmak, belge hazırlama süresini ciddi şekilde kısaltır ve çalışma verimliliğini artırır. Metin düzenlerken en çok kullanılan işlemlerden biri seçim yapmaktır. Tüm metni hızlıca seçmek…
