03 Mayıs 2025 Güncellendi: 23 Mayıs 2026 Pendik Bilgisayar Kursu 2 dk okuma

HTML5 Nedir?

HTML5, web sayfalarının yapısal iskeletini oluşturan işaretleme dilidir. Tarayıcı, HTML kodunu okuyarak başlıklar, paragraflar, görseller ve bağlantıları ekranda gösterir.

Temel HTML5 Yapısı

<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>İlk Sayfam</title>
</head>
<body>
  <header>
    <h1>Merhaba Dünya!</h1>
    <nav>
      <a href="#hakkimda">Hakkımda</a>
      <a href="#iletisim">İletişim</a>
    </nav>
  </header>
  <main>
    <section id="hakkimda">
      <h2>Hakkımda</h2>
      <p>Web yazılım öğreniyorum.</p>
    </section>
  </main>
  <footer><p>&copy; 2025</p></footer>
</body>
</html>

CSS Flexbox ile Ortalama

.kart-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.kart {
  background: #fff;
  border-radius: 8px;
  padding: 24px;
  width: 300px;
}

CSS Grid ile 3 Sütunlu Yerleşim

.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 768px) {
  .grid { grid-template-columns: 1fr; }
}

Responsive Tasarım Neden Önemli?

Google, mobil uyumlu olmayan siteleri arama sonuçlarında alt sıralara iter. Türkiye internet trafiğinin büyük bölümü mobil cihazlardan geldiği için responsive tasarım zorunludur.

Öğrenme Sırası

HTML etiketleri ve anlamsal yapı (semantic HTML)
CSS seçiciler, box model, renk ve tipografi
Flexbox düzeni
CSS Grid düzeni
Media query ile responsive tasarım
CSS animasyonları ve geçişler
Bootstrap veya Tailwind CSS framework

Sıkça Sorulan Sorular

HTML ve CSS ne kadar sürede öğrenilir?

Günde 2 saat çalışmayla HTML+CSS temelleri 4–6 haftada öğrenilebilir.

Bootstrap mu Tailwind mi?

Bootstrap daha hızlı prototipleme sağlar; Tailwind daha özelleştirilebilir ve modern projelerde tercih edilmektedir.

Bu yazıyı paylaş

X Facebook WhatsApp

HTML5 ve CSS3 ile Web Sayfası Yapma: Adım Adım Başlangıç Rehberi