- Katılım
- 30 Nisan 2025
- Mesajlar
- 53
- Tepkime puanı
- 26
- Puanları
- 18
Dersin Amacı:Bu derste HTML’in ne olduğunu, nasıl çalıştığını ve temel etiketleri öğreneceğiz.
HTML (HyperText Markup Language), web sayfalarının iskeletini oluşturan dildir. CSS ve JavaScript ile birlikte çalışarak web sitelerimizi görsel olarak zenginleştirir ve etkileşimli hale getirir.
HTML Nedir?
- HTML bir programlama dili değil, işaretleme dilidir.
- Tarayıcılar HTML etiketlerini yorumlar ve kullanıcıya görsel bir sayfa olarak gösterir.
- HTML sayfaları .html veya .htm uzantılıdır.
Temel HTML Yapısı
Kod:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>İlk Web Sayfam</title>
</head>
<body>
<h1>Merhaba Dünya!</h1>
<p>Bu benim ilk HTML sayfam.</p>
</body>
</html>
Önemli HTML Etiketleri
| Etiket | Açıklama |
|---|---|
| <h1> - <h6> | Başlık etiketleri (h1 en büyük, h6 en küçük) |
| <p> | Paragraf |
| <a> | Bağlantı (link) |
| <img> | Görsel |
| <ul> / <ol> | Sırasız / Sıralı liste |
| <li> | Liste elemanı |
| <strong> | Kalın yazı |
| <em> | İtalik yazı |
Basit Bir Örnek
Kod:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>HTML Deneme</title>
</head>
<body>
<h1>Benim İlk Başlığım</h1>
<p>HTML öğrenmek çok eğlenceli!</p>
<a href="https://www.google.com" target="_blank">Google'a Git</a>
</body>
</html>
Ödev
- Bilgisayarında ilk_site adında bir klasör oluştur.
- İçine index.html dosyası oluştur.
- Kendi adını <h1> etiketi ile yaz.
- Hakkında kısa bir paragraf ekle.
- Sevdiğin bir görseli <img> etiketi ile ekle.
- Çalışmanı tarayıcıda aç ve ekran görüntüsünü bu başlık altına yükle.
