Web sayfası oluşturmak için karmaşık araçlara gerek yok. Bir metin editörü ve tarayıcı yeterli. HTML ve CSS ile web sayfası oluşturma sürecini sıfırdan ele alacağız. **Neye İhtiyacınız Var?** - Bir metin editörü (Notepad, VS Code veya herhangi bir editör) - Bir web tarayıcısı - Başka hiçbir şey **Adım 1: HTML Dosyasını Oluşturun** Masaüstünde bir klasör açın, adını "web-sayfam" koyun. İçine `index.html` adında bir dosya oluşturun. Şu temel yapıyı yazın: ```html İlk Sayfam Merhaba Dünya Bu benim ilk web sayfam. ``` **HTML'nin Temel Yapı Taşları** - ``: Tarayıcıya bu dosyanın HTML5 olduğunu söyler. - ``: Sayfanın başlığı, meta bilgileri ve stil dosyaları burada tanımlanır; ekranda görünmez. - ``: Kullanıcının gördüğü içerik burada yer alır. - `` - ``: Başlık etiketleri (h1 en büyük, h6 en küçük). - ``: Paragraf. **Adım 2: CSS Dosyasını Oluşturun** Aynı klasöre `style.css` adında bir dosya ekleyin: ```css body { font-family: Arial, sans-serif; background-color: #f5f5f5; margin: 40px; color: #333; } h1 { color: #0066cc; } p { font-size: 18px; line-height: 1.6; } ``` **Adım 3: Sayfayı Tarayıcıda Açın** `index.html` dosyasına çift tıklayın. Tarayıcı açılacak ve sayfanızı göreceksiniz. Kodu her değiştirdiğinizde sayfayı yenileyin (F5). **Sık Kullanılan HTML Etiketleri** - `Metin`: Bağlantı - ``: Resim - `` + ``: Sırasız liste - `` + ``: Numaralı liste - ``: Blok kapsayıcı - ``: Satır içi kapsayıcı **Sık Yapılan Hatalar** - Etiketleri kapatmamak: `Metin` yerine `Metin` yazın. - CSS dosyasını yanlış konumda aramak: HTML ve CSS dosyaları aynı klasörde olmalıdır. - Türkçe karakter sorunu: `` satırı head bölümünde olmalıdır. HTML ve CSS ile web sayfası oluşturma pratiği için sayfanıza renk, yazı tipi, liste ve bağlantı ekleyerek denemeler yapın. Her değişikliği tarayıcıda anında görürsünüz.