Web geliştirme yolculuğuna başlamak heyecan verici bir adımdır ve bu yazıda sizleri bu yolculuğa başlatmak için temel HTML etiketlerini öğrenmeye davet ediyoruz. HTML (HyperText Markup Language), web sayfalarının yapısal bileşenlerini tanımlamak için kullanılan bir işaretleme dilidir. Başlayalım ve ilk web sayfanızı oluşturmanın heyecanını yaşayalım!
1. HTML’in Temel Yapısı
Her HTML belgesi, aşağıdaki gibi bir temel yapıya sahiptir:
htmlCopy code<!DOCTYPE html>
<html>
<head>
<title>İlk Web Sayfam</title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>: Belgenin HTML5 standartlarında olduğunu belirtir.<html>: HTML belgesinin başlangıcını işaret eder.<head>: Başlık bilgilerini içerir, tarayıcıda görünmez.<title>: Sayfa başlığını tanımlar, tarayıcı sekmesinde görünür.<body>: Sayfa içeriğini içerir, kullanıcıya görünür.
2. Başlık ve Paragraf Etiketleri
Web sayfanızın başlığını ve içeriğini tanımlamak için h1 ve p etiketlerini kullanabilirsiniz:
htmlCopy code<body>
<h1>Hoş Geldiniz!</h1>
<p>Web geliştirmenin harika dünyasına adım atmaya hazır mısınız?</p>
</body>
3. Bağlantılar ve Resimler
Diğer web sayfalarına veya kaynaklara bağlantı oluşturmak için a etiketini kullanabilir ve resim eklemek için img etiketini kullanabilirsiniz:
htmlCopy code<body>
<a href="https://www.example.com">Daha fazla bilgi için buraya tıklayın</a>
<img src="image.jpg" alt="Resim açıklaması">
</body>
4. Listeler
Sıralı ve sırasız listeler oluşturmak için ul, ol ve li etiketlerini kullanabilirsiniz:
htmlCopy code<body>
<ul>
<li>Madde 1</li>
<li>Madde 2</li>
</ul>
<ol>
<li>Madde A</li>
<li>Madde B</li>
</ol>
</body>
Son Söz
Bu yazıda, temel HTML etiketleriyle web sayfası oluşturmanın ne kadar kolay olduğunu gördünüz. Artık ilk adımınızı attınız ve web geliştirme dünyasına bir adım daha yaklaştınız. Daha fazla öğrenmek için pratik yapmaya devam edin ve web geliştirme yolculuğunuzun keyfini çıkarın!