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

Sıradaki ders: İskelet ve başlık

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler