HTML (HyperText Markup Language), web sayfalarını oluşturmak için kullanılan temel işaretleme dilidir. HTML, çeşitli etiketler kullanarak sayfanın yapısını ve içeriğini belirler. Aşağıda HTML’nin en yaygın kullanılan etiketleri ve açıklamaları bulunmaktadır:
1. Temel Yapı Etiketleri
<!DOCTYPE html>→ HTML belgesinin türünü belirtir.<html>→ HTML belgesinin başlangıcını ve bitişini belirtir.<head>→ Sayfa ile ilgili meta verileri içerir.<title>→ Sayfanın başlığını belirler (tarayıcı sekmesinde görünür).<body>→ Sayfanın görünen içeriğini tanımlar.
2. Başlık Etiketleri (Heading)
<h1>→ En büyük başlık etiketi.<h2>→ İkinci dereceden başlık.<h3>→ Üçüncü dereceden başlık.<h4>→ Dördüncü dereceden başlık.<h5>→ Beşinci dereceden başlık.<h6>→ En küçük başlık etiketi.
3. Metin Formatlama Etiketleri
<p>→ Paragraf oluşturur.<br>→ Satır sonu ekler.<hr>→ Yatay çizgi ekler.<b>→ Kalın metin.<strong>→ Kalın ve anlam olarak vurgulu metin.<i>→ Eğik (italik) metin.<em>→ Vurgulu (italik) metin.<u>→ Altı çizili metin.<small>→ Küçük boyutlu metin.<mark>→ Metni işaretler (vurgulu gösterir).<sub>→ Alt simge (örn: H₂O).<sup>→ Üst simge (örn: 2²).
4. Bağlantı ve Navigasyon Etiketleri
<a href="URL">→ Bağlantı oluşturur.<nav>→ Navigasyon menüsü için kullanılır.<menu>→ Menü listesi oluşturur.<ul>→ Sırasız liste oluşturur.<ol>→ Sıralı liste oluşturur.<li>→ Liste öğesi.
5. Görseller ve Medya
<img src="URL" alt="Açıklama">→ Görsel ekler.<audio>→ Ses dosyaları ekler.<video>→ Video dosyaları ekler.<source>→ Alternatif medya dosyaları belirler.<figure>→ Görsel veya medya içeriğini kapsar.<figcaption>→ Görsel veya medya içeriği için açıklama ekler.
6. Tablo Etiketleri
<table>→ Tablo oluşturur.<tr>→ Satır ekler.<td>→ Hücre ekler.<th>→ Başlık hücresi oluşturur.<thead>→ Tablo başlığı kısmını belirler.<tbody>→ Tablo gövdesini belirler.<tfoot>→ Tablo alt kısmını belirler.<caption>→ Tablo başlığı ekler.
7. Form ve Kullanıcı Girişi
<form>→ Form oluşturur.<input>→ Kullanıcıdan veri almak için kullanılır.type="text"→ Metin kutusu.type="password"→ Şifre alanı.type="email"→ E-posta alanı.type="checkbox"→ Onay kutusu.type="radio"→ Radyo düğmesi.type="submit"→ Gönderme düğmesi.
<textarea>→ Çok satırlı metin alanı.<label>→ Form elemanlarını tanımlamak için kullanılır.<select>→ Açılır liste oluşturur.<option>→ Açılır listede bir seçenek ekler.<fieldset>→ Form elemanlarını gruplayan çerçeve.<legend>→<fieldset>için başlık belirler.<button>→ Düğme oluşturur.
8. Yapısal ve Semantik Etiketler
<header>→ Başlık bölümü.<footer>→ Alt bilgi.<section>→ İçerik bölümü.<article>→ Bağımsız içerik bölümü.<aside>→ Yan içerik (reklam, ek bilgiler vb.).<main>→ Ana içerik.<div>→ Blok elemanı.<span>→ Inline (satır içi) eleman.
9. Script ve Bağlantılar
<script>→ JavaScript kodlarını sayfaya ekler.<link>→ CSS veya harici dosyalara bağlantı verir.<style>→ Dahili CSS eklemek için kullanılır.<meta>→ Meta veriler ekler (SEO ve karakter seti gibi).
10. Diğer Yararlı Etiketler
<details>→ Açılıp kapanabilen detay kutusu.<summary>→<details>etiketi için başlık.<progress>→ İlerleme çubuğu oluşturur.<meter>→ Ölçüm çubuğu.<time>→ Tarih ve zaman bilgisi içerir.<code>→ Kod parçalarını göstermek için kullanılır.<pre>→ Önceden biçimlendirilmiş metin (boşlukları korur).<blockquote>→ Alıntı metin.<cite>→ Kaynak belirtmek için kullanılır.<abbr>→ Kısaltmalar için kullanılır.<address>→ İletişim bilgileri içerir.
Bu etiketler, HTML ile profesyonel ve erişilebilir web siteleri oluşturmanıza yardımcı olur. Kullanım alanlarına göre uygun etiketleri seçerek sayfanızın daha anlamlı ve düzenli olmasını sağlayabilirsiniz.