HTML ve CSS Nedir? Web Tasarım Rehberi

Web tasarımına yeni başlayanların sıkça duyduğu iki terim vardır: HTML ve CSS. Bunlar, bir web sayfasının temel yapı taşlarıdır. HTML sayfanın iskeletini oluştururken, CSS ise ona görsel bir kimlik kazandırır. Günümüzde neredeyse her web sitesi bu iki teknolojinin birleşimiyle çalışır. Peki, bu iki kavram tam olarak ne anlama gelir ve neden bu kadar önemlidir?

Bu rehberde, HTML ve CSS’in ne olduğunu, nasıl çalıştıklarını ve birlikte nasıl güçlü web sayfaları oluşturduklarını adım adım keşfedeceksiniz. Amacımız, konuyu sade ve anlaşılır bir dille anlatmak. Hiçbir teknik ön bilgiye ihtiyacınız yok. Haydi başlayalım.

Temel Kavramlar ve Tanımlar

HTML, “HyperText Markup Language” kelimelerinin kısaltmasıdır. Bir web sayfasının içeriğini yapılandırmak için kullanılan işaretleme dilidir. Başlıklar, paragraflar, resimler, bağlantılar gibi tüm öğeler HTML etiketleriyle tanımlanır. CSS ise “Cascading Style Sheets” anlamına gelir ve sayfanın görünümünü kontrol eder. Renkler, yazı tipleri, düzen ve animasyonlar CSS ile belirlenir. Kısaca HTML yapıyı, CSS ise stili sağlar.

Bu iki teknoloji birbirini tamamlar. HTML olmadan CSS kullanılamaz. CSS olmadan da HTML sayfaları oldukça sade ve çekici olmaktan uzak kalır. İkisi birlikte kullanıldığında modern, kullanıcı dostu ve estetik web siteleri ortaya çıkar. Günümüzde tüm tarayıcılar HTML ve CSS’i destekler, bu nedenle öğrenmek için herhangi bir ek yazılıma ihtiyacınız yoktur.

HTMLin Yapısı ve Temel Etiketler

Bir HTML sayfası, bildirimi ile başlar. Ardından `` etiketi gelir. Sayfanın başlık bilgileri `` içinde, görünen içerik ise `` içinde yer alır. En çok kullanılan etiketler arasında başlıklar (`

` ile `

` arası), paragraflar (`

`), bağlantılar (``), resimler (``) ve listeler (`

`, `
`) bulunur.

Her etiket genellikle bir açılış ve kapanış etiketinden oluşur. Örneğin `

Merhaba Dünya

` gibi. Ancak bazı etiketler tek başına kullanılır, örneğin `` veya `
` (satır atlama). Doğru etiket kullanımı, sayfanın hem tarayıcılarda hem de arama motorlarında doğru yorumlanmasını sağlar. Ayrıca erişilebilirlik ve SEO açısından da önemlidir.

CSS ile Stil Verme Yöntemleri

CSS, HTML öğelerine stil eklemenin üç temel yolunu sunar: Inline CSS (doğrudan etiketin içine yazılır), Internal CSS (sayfanın `` bölümünde `