04-10-2025 Saat 22:13
HTML Nedir? (HyperText Markup Language)
HTML, "Köprü Metni İşaretleme Dili" anlamına gelir. Bir programlama dili değil, işaretleme dilidir.
Basit bir benzetme: Bir web sayfasını bir insan vücudu olarak düşünün:
1. İçerik Yapısı Oluşturur
html
<header>Üst kısım</header>
<nav>Menü</nav>
<main>Ana içerik</main>
<article>Makale</article>
<footer>Alt kısım</footer>
3. Diğer Teknolojilerle Entegre Çalışır
html
<!DOCTYPE html>
<html>
<head>
<title>Benim İlk Web Sayfam</title>
</head>
<body>
<h1>Hoş Geldiniz!</h1>
<p>Bu benim ilk HTML sayfam.</p>
<img src="resim.jpg" alt="Açıklayıcı yazı">
<a href="https://www.google.com">Google'a Git</a>
</body>
</html>
En Sık Kullanılan HTML Etiketleri
Etiket
Açıklama
Başlıklar
Paragraf
Link
Resim
Bölüm
Satır içi bölüm
,
,
Listeler
Tablo
Neden Önemli?
HTML, web sayfalarının temel yapı taşıdır. İçeriği düzenler, yapılandırır ve anlamlandırır. Web geliştirmeye başlamak istiyorsanız, ilk öğrenmeniz gereken dildir!
HTML öğrenmek sandığınızdan daha kolay. Basit metin editörleriyle bile çalışmaya başlayabilirsiniz
HTML, "Köprü Metni İşaretleme Dili" anlamına gelir. Bir programlama dili değil, işaretleme dilidir.
Basit bir benzetme: Bir web sayfasını bir insan vücudu olarak düşünün:
- HTML = İskelet (Temel yapı ve içerik)
- CSS = Kaslar ve deri (Görünüm ve stil)
- JavaScript = Beyin (Etkileşim ve dinamik davranış)
1. İçerik Yapısı Oluşturur
- Metinleri başlık, paragraf, liste olarak düzenler
- Görseller, videolar, linkler ekler
- Tablolar ve formlar oluşturur
html
<header>Üst kısım</header>
<nav>Menü</nav>
<main>Ana içerik</main>
<article>Makale</article>
<footer>Alt kısım</footer>
3. Diğer Teknolojilerle Entegre Çalışır
- CSS ile stil eklenir
- JavaScript ile etkileşim eklenir
html
<!DOCTYPE html>
<html>
<head>
<title>Benim İlk Web Sayfam</title>
</head>
<body>
<h1>Hoş Geldiniz!</h1>
<p>Bu benim ilk HTML sayfam.</p>
<img src="resim.jpg" alt="Açıklayıcı yazı">
<a href="https://www.google.com">Google'a Git</a>
</body>
</html>
En Sık Kullanılan HTML Etiketleri
Etiket
Açıklama
Kod:
<h1>-<h6>Kod:
<p>Kod:
<a>Kod:
<img>Kod:
<div>Kod:
<span>Kod:
<ul>Kod:
<ol>Kod:
<li>Kod:
<table>Neden Önemli?
- Tüm Web'in Temeli: Her web sitesi HTML içerir
- SEO Dostu: Arama motorları HTML yapısını anlar
- Erişilebilirlik: Engelli kullanıcılar için önemli
- Tarayıcı Uyumluluğu: Tüm tarayıcılar HTML'yi anlar
HTML, web sayfalarının temel yapı taşıdır. İçeriği düzenler, yapılandırır ve anlamlandırır. Web geliştirmeye başlamak istiyorsanız, ilk öğrenmeniz gereken dildir!
HTML öğrenmek sandığınızdan daha kolay. Basit metin editörleriyle bile çalışmaya başlayabilirsiniz
![[-]](https://www.forumteams.com/images/collapse.png)
