Proje 2: Tarif Sayfası

Bu projede sevdiğiniz bir yemeğin tarif sayfasını yapacaksınız. Bu kez anlamsal etiketlerle düzgün bir sayfa yapısı kuracaksınız.

Sayfada neler olmalı?

• header içinde tarifin adı
• main içinde bir article
• Yemeğin fotoğrafı, figure ve figcaption ile
• Malzemeleri gösteren bir tablo: malzeme adı ve miktarı
• Yapılış adımlarını gösteren sıralı bir liste
• Tarifle ilgili bir videoya bağlantı
• footer içinde tarifin kaynağı

Başlarken

1. tarif adında yeni bir klasör açın.
2. Önce sayfanın bölümlerini boş olarak yazın: header, main, footer.
3. Sonra içlerini doldurun.

Takıldıysanız: Tablo başlığı

Tablonuza ne olduğunu anlatan bir caption ekleyin. Sütun başlıkları th ile ve scope="col" niteliğiyle yazılmalıdır.

Kontrol listesi

• Tablonun caption başlığı ve th hücreleri var.
• Adımlar ol ile yazıldı.
• Malzeme tablosu dışında sayfa düzeni için tablo kullanılmadı.
• Sayfadaki her bağlantıya Tab tuşuyla ulaşılabiliyor.
• Fotoğrafın alt metni ile figcaption yazısı birbirinden farklı.
• Kod, W3C doğrulayıcıdan hatasız geçiyor.