HTML’de En Çok Kullanılan Etiketler ve Açıklamaları

HTML (HyperText Markup Language), web sayfalarını oluşturmak için kullanılan temel dildir. HTML, içeriği yapılandırmak ve tarayıcıların doğru şekilde yorumlamasını sağlamak için çeşitli etiketler içerir. İşte HTML’de en çok kullanılan etiketler ve açıklamaları:

1. `<html>` Etiketi

Bu etiket, bir HTML belgesinin başlangıcını ve sonunu belirtir. Tüm HTML kodları bu etiketin içinde yer alır.

<!DOCTYPE html>
<html>
  <!-- Sayfa içeriği buraya gelir -->
</html>

2. `<head>` Etiketi

<head> etiketi, sayfanın meta bilgilerini içerir. Burada başlık (<title>), karakter seti (<meta charset="UTF-8">), CSS dosyaları (<link>), JavaScript dosyaları (<script>) gibi bilgiler yer alır.

<head>
  <title>Örnek Sayfa</title>
  <meta charset="UTF-8">
</head>

3. `<body>` Etiketi

Bu etiket, web sayfasının gövde kısmını içerir. Kullanıcıya gösterilecek tüm içerik burada bulunur.

<body>
  <h1>Merhaba, Dünya!</h1>
  <p>Bu bir paragraf.</p>
</body>

4. `<h1>` – `<h6>` Başlık Etiketleri

HTML’de başlıkları belirtmek için <h1> ile <h6> arasında değişen etiketler kullanılır. <h1> en büyük, <h6> en küçük başlığı temsil eder.

<h1>Birinci Seviye Başlık</h1>
<h2>İkinci Seviye Başlık</h2>

5. `<p>` Paragraf Etiketi

Paragrafları oluşturmak için kullanılır.

<p>Bu bir örnek paragraf.</p>

6. `<a>` Bağlantı (Anchor) Etiketi

Bağlantılar oluşturmak için kullanılır.

<a href="https://www.example.com">Example Sitesi</a>

7. `<img>` Resim Etiketi

Web sayfalarına resim eklemek için kullanılır.

<img src="resim.jpg" alt="Açıklayıcı metin">

8. `<ul>` ve `<ol>` Liste Etiketleri

Sırasız (<ul>) ve sıralı (<ol>) listeler oluşturmak için kullanılır.

<ul>
  <li>Elma</li>
  <li>Armut</li>
</ul>

<ol>
  <li>Birinci</li>
  <li>İkinci</li>
</ol>

9. `<div>` ve `<span>` Etiketleri

Sayfayı düzenlemek ve içerikleri gruplamak için kullanılır. <div> blok seviyesinde, <span> satır içi kullanılır.

<div>
  <p>Bu bir div içinde bir paragraf.</p>
</div>

<p><span style="color:red;">Bu kırmızı bir metin.</span></p>

10. `<table>` Tablo Etiketi

Tablolar oluşturmak için kullanılır.

<table border="1">
  <tr>
    <th>Başlık 1</th>
    <th>Başlık 2</th>
  </tr>
  <tr>
    <td>Veri 1</td>
    <td>Veri 2</td>
  </tr>
</table>

11. `<form>` Form Etiketi

Kullanıcıdan veri almak için form oluşturur.

<form action="gonder.php" method="post">
  <label for="isim">İsim:</label>
  <input type="text" id="isim" name="isim">
  <input type="submit" value="Gönder">
</form>

12. `<button>` Buton Etiketi

Tıklanabilir bir buton oluşturur.

<button onclick="alert('Tıklandı!')">Tıkla</button>

Sonuç

HTML’de yukarıda bahsedilen etiketler, en yaygın kullanılan temel yapı taşlarıdır. Bu etiketleri kullanarak web sayfalarını oluşturabilir ve geliştirebilirsiniz.

Umarım yazım faydalı olmuştur. Sevgilerle, Hızır Yusuf Türkoğlu.