HTML Giriş
HTML her web sayfasının temelidir. CSS stilinden veya JavaScript davranışından önce tarayıcının, her içerik parçasının ne olduğunu söyleyen net bir yapıya ihtiyacı vardır.
HTML nedir?
HTML (HyperText Markup Language), web sayfası içeriğini yapılandırmak için standart dildir. Tarayıcının başlık, paragraf, bağlantı, görsel ve diğer öğeleri tanıması için metin ve medyanın etrafına etiketler yazarsınız.
HTML neden önemli
HTML olmadan tarayıcı içeriğin anlamını ve sırasını doğru anlamaz. HTML bir programlama dili değil; bir işaretleme dilidir.
Etiketlere ilk bakış
HTML açılı ayraçlı etiketler kullanır. Çoğu öğenin açılış ve kapanış etiketi vardır.
Merhaba HTML
html<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>
<h1>Hello HTML</h1>
<p>This is my first paragraph.</p>
</body>
</html>Bu örnek ne gösterir
<!DOCTYPE html>modern bir HTML belgesi olduğunu söyler<html>kök öğedir<head>başlık gibi sayfa bilgilerini tutar<body>görünen içeriği tutar<h1>ana başlıktır<p>bir paragraftır
Tarayıcı HTML’yi nasıl kullanır
Tarayıcı işaretlemeyi yukarıdan aşağı okur, DOM’u oluşturur ve içeriği etiketlere göre gösterir.
HyperText ve bağlantılar
HTML’deki HyperText, bağlantılarla diğer belgelere bağlanabilen metni ifade eder. Sayfaları bağlamak ayrı dosyaları bir siteye dönüştürür.
Basit bir bağlantı
html<a href="https://example.com">Visit Example</a><a> öğesi bir köprü oluşturur. href özniteliği hedef adresi saklar.
Kendiniz deneyin
index.html oluşturun, tam örneği yapıştırın, kaydedin ve tarayıcıda açın. Başlığı değiştirip sayfayı yenileyin.
Yaygın hatalar
- HTML’yi programlama dili gibi ele almak
- Gerekli kapanış etiketlerini unutmak
- Görünen içeriği
<body>yerine<head>içine koymak <!DOCTYPE html>atlamak
Özet
- HTML içeriği etiketlerle yapılandırır
- İşaretleme dilidir, programlama değil
- Temel sayfa: doctype, html, head, body
- Başlık ve paragraf erken öğelerdir
- Bağlantılar sayfaları birleştirir
- Küçük bir HTML dosyasıyla pratik yapın
🧠 Bilginizi Test Edin
Bilginizi Test Edin
Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek