Neden?
Önce HTML belgesinin tarayıcı tarafından nasıl okunup gösterildiğini anlamaya çalışacağız.

Ne öğreneceğiz?
Bu derste HTML dosyasının temel iskeletini ve tarayıcıda açılmasını öğreneceğiz.

Nasıl ilerleyeceğiz?
Önce kavramın amacını düşüneceğiz. Ardından aşağıdaki örneği siz yazacaksınız. Kodu kaydeteceksiniz, tarayıcıda açıp küçük bir değişiklik yaparak sonucu gözlemleyeceksiniz.

Öğrenme kuralı: Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.

Derse başlamadan önce kendini yokla

• Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?
  
• Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?
  
• Uygulamayı kendi fikrimle nasıl değiştirebilirim?
  

Ders sonunda kontrol

• Kodu kendim, bakmadan tekrar yazabildim mi?
  
• Tarayıcıda sonucu test ettim mi?
  
• Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?
  

Ders hedefi
Bu dersin sonunda HTML dosyası oluşturabilecek, dosyayı tarayıcıda açabilecek ve temel HTML iskeletini açıklayabileceksiniz.

HTML dosyası oluşturma
Masaüstünde veya çalışma klasöründe html-kursu adında bir klasör oluştur. Bu klasörün içine index.html adında bir dosya ekle. Dosya uzantısının gerçekten .html olduğundan emin ol. Windows kullanıyorsan dosya uzantıları gizlenmiş olabilir.

İlk HTML belgen şu şekilde olmalıdır:

<!DOCTYPE html> tarayıcıya belgenin modern HTML standardını kullandığını bildirir. <html> tüm belgeyi kapsar. <head> sayfa hakkında bilgiler içerir. Kullanıcıya görünen ana içerik ise <body> içinde yer alır.

Dosyayı kaydettikten sonra üzerine çift tıkla. Sayfa tarayıcıda açılacaktır. Kodda değişiklik yaptıktan sonra dosyayı kaydet ve tarayıcıyı yenile.