Proje: Hakkımda sayfası
5 derslik projenin genel bakışı: kişisel bir tanıtım sayfası kuracaksın.
Proje: Hakkımda sayfası
Bu 5 derslik projede bir hakkımda sayfası yapacaksın. Her derste sayfaya bir parça ekleyecek, son derste tam bir tanıtım sayfası elinde olacak.
Projede şunları kullanacaksın:
- Belge iskeleti (DOCTYPE, html, head, body)
- lang, charset, viewport, title
- h1 (ad-soyad) ve h2 (ünvan)
- Paragraflar ve strong, em ile vurgular
- mark, hr, br ile bölüm ayrımı
- Yorumlarla dokümante etme
Hazırsan başlayalım.
Proje yol haritası
Projeyi adım adım şöyle kuracağız:
- İskelet ve başlık: Boş belge iskeletini al, head'i lang, charset, viewport ve title ile doldur.
- Tanıtım metni: Body'ye h1 (ad-soyad), h2 (ünvan) ve paragraflar ekle; strong ve em ile vurgu yap.
- Vurgu ve ayrım: mark ile sözcük işaretle, hr ile bölümleri ayır, br ile satır kır.
- Proje sonu: Tüm parçaları birleştir, yorumlarla dokümante et.
Her dersin başlangıç kodu önceki dersin çözümünü içerir; sen sadece yeni parçayı eklersin.
Hedef hakkımda sayfası
Proje sonunda elinde şu yapı olacak:
- Üst başlık: h1 (ad-soyad) ve h2 (ünvan)
- Tanıtım: paragraflar, strong ve em ile vurgular
- Bölüm ayrımı: hr ile geçiş
- Vurgular: mark ile işaretli sözcükler, br ile satır kırma
- Dokümante: yorumlarla her bölümün açıklaması
Bu yapıyı 5 derste adım adım kuracaksın.
Uygulama Boş belge iskeletiyle başla
Projeye başlarken boş bir HTML belge iskeleti yaz. İçinde DOCTYPE, <html>, <head>, boş <body> bulunsun. lang, meta ve başlıkları sonraki derslerde ekleyeceğiz.
Örnek çözümü göster
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>Kendini test et
-
Proje grubunda başlangıç kodu nasıl çalışır?
- Her dersin başlangıç kodu önceki dersin çözümünü içerir
- Her ders boş bir sayfayla başlar
- Başlangıç kodu yoktur, her şey sıfırdan yazılır
- Başlangıç kodu yalnızca son derste görünür
Cevabı göster
Her dersin başlangıç kodu önceki dersin çözümünü içerir — Doğru. Projede başlangıç kodu her adımda birikir; sen sadece yeni parçayı eklersin.
-
Dersleri ekledikleri parçayla eşleştir
- İskelet ve başlık
- DOCTYPE + head + title
- Tanıtım metni
- h1, h2, p, strong, em
- Vurgu ve ayrım
- mark, hr, br
- Proje sonu
- yorumlar + tüm parçalar