🎓 CSS Nedir? HTML ile Farkı Nedir? Test 1 - Ders Notu
Bu ders notu, web geliştirmenin temel taşları olan HTML ve CSS kavramlarını, aralarındaki farkları ve birlikte nasıl çalıştıklarını anlamanıza yardımcı olacak ana konuları kapsamaktadır.
📌 HTML Nedir? (HyperText Markup Language)
HTML, bir web sayfasının iskeletini ve içeriğini oluşturan standart işaretleme dilidir. Tıpkı bir binanın duvarları ve odaları gibi, web sayfasının yapısını tanımlar.
📝 HTML, web sayfalarının içeriğini (metinler, resimler, videolar, bağlantılar vb.) düzenlemek için kullanılır.
📝 İçeriği başlıklar, paragraflar, listeler ve tablolar gibi çeşitli öğelerle yapılandırmanıza olanak tanır.
📝 Bir web sayfasının "ne" olduğunu (örneğin, bu bir başlık, bu bir paragraf) belirtir.
💡 İpucu: HTML'i bir evin planı veya iskeleti olarak düşünebilirsin. Sadece yapıyı ve nerede neyin olacağını belirtir, görünüşüyle ilgilenmez.
📌 CSS Nedir? (Cascading Style Sheets)
CSS, bir web sayfasının görünümünü ve stilini belirlemek için kullanılan bir stil sayfası dilidir. HTML ile oluşturulan iskelete estetik bir görünüm kazandırır.
📝 CSS, web sayfalarının renklerini, yazı tiplerini, boyutlarını, aralıklarını ve düzenini kontrol etmek için kullanılır.
📝 HTML öğelerine stil kuralları uygulayarak sayfanın görsel tasarımını şekillendirir.
📝 Bir web sayfasının "nasıl" görüneceğini (örneğin, bu başlık kırmızı renkte ve büyük olsun) belirtir.
💡 İpucu: CSS'i evin iç ve dış dekorasyonu, renkleri, mobilyaları olarak düşünebilirsin. Evin planı (HTML) aynı kalsa bile, dekorasyonu (CSS) tamamen farklı bir hava katabilir.
📌 HTML ve CSS Arasındaki Temel Farklar
HTML ve CSS, web sayfaları oluşturmak için birlikte çalışsalar da, farklı görevlere sahiptirler ve birbirlerinin yerine geçmezler.
📝 **Amaç:** HTML içeriği yapılandırır ve anlamsal anlam kazandırır; CSS ise bu içeriğin görsel sunumunu yönetir.
📝 **Görevi:** HTML bir web sayfasının iskeletini oluştururken, CSS bu iskeleti giydirir ve süsler.
📝 **Bağımsızlık:** Bir HTML belgesi CSS olmadan da çalışır (ancak çok sade görünür); CSS tek başına bir anlam ifade etmez, stil uygulayacak bir HTML'e ihtiyaç duyar.
⚠️ Dikkat: Web geliştirmenin ilk zamanlarında HTML hem yapı hem de stil için kullanılıyordu. Ancak bu, kodun karmaşıklaşmasına ve yönetilmesinin zorlaşmasına neden oldu. Bu yüzden CSS, stilin HTML'den ayrılması için geliştirildi.
📌 CSS'i HTML'e Uygulama Yöntemleri
CSS stillerini HTML belgenize üç farklı yolla dahil edebilirsiniz. Her birinin kendine göre avantajları vardır.
📝 **Harici (External) CSS:** En yaygın ve önerilen yöntemdir. Stiller ayrı bir `.css` dosyasına yazılır ve HTML belgesine `` etiketiyle bağlanır. Bu, birçok HTML sayfasının aynı stili paylaşmasını sağlar ve yönetimi kolaylaştırır.
📝 **Dahili (Internal) CSS:** Stiller HTML belgesinin `` bölümündeki `
