HTML Temel Etiketleri nelerdir?

HTML’in temel etiketleri, bir web sayfasının yapısını oluşturmak için kullanılan en temel araçlardır. Bunlar, genellikle sayfanın başlığı, metinleri, bağlantıları, listeleri, resimleri ve yapısal bölümlerini tanımlar. İşte HTML’de sık kullanılan temel etiketler ve açıklamaları:

1. <!DOCTYPE html>

  • HTML belgesinin HTML5 standardında olduğunu belirtir.

<!DOCTYPE html>

2. <html>

  • HTML belgesinin başlangıcını ve bitişini gösterir. Tüm içerikler bu etiketin içinde yer alır.

<html lang="tr">
...
</html>

3. <head>

  • Sayfa hakkında bilgiler, meta veriler, stil ve script dosyaları bu bölümde bulunur.

<head>
<title>Sayfa Başlığı</title>
</head>

4. <title>

  • Tarayıcı sekmesinde görünen sayfa başlığını belirler.

<title>Benim Web Sayfam</title>

5. <body>

  • Sayfanın görünen tüm içeriği buraya yazılır: metinler, resimler, linkler, tablolar vb.

<body>
<h1>Merhaba Dünya!</h1>
</body>

6. Başlık Etiketleri: <h1> – <h6>

  • Metni başlık olarak belirtir. <h1> en büyük, <h6> en küçük başlıktır.

<h1>En Büyük Başlık</h1>
<h2>İkinci Başlık</h2>

7. Paragraf Etiketi: <p>

  • Metni paragraf olarak belirtir.

<p>Bu bir paragraftır.</p>

8. Bağlantı Etiketi: <a>

  • Başka sayfalara veya sitelere link verir.

<a href="https://www.ornek.com">Örnek Site</a>

9. Resim Etiketi: <img>

  • Sayfaya resim eklemek için kullanılır.

<img src="resim.jpg" alt="Örnek Resim">

10. Liste Etiketleri

  • Sırasız Liste: <ul> + <li>

<ul>
<li>Elma</li>
<li>Muz</li>
</ul>

  • Sıralı Liste: <ol> + <li>

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

11. Kalın ve İtalik Metin

  • Kalın: <b> veya <strong>

  • İtalik: <i> veya <em>

<p><b>Kalın metin</b> ve <i>italik metin</i></p>

12. Satır ve Bölüm Etiketleri

  • Satır sonu: <br>

  • Bölüm / Konteyner: <div> (bloke element)

  • Metin bloğu: <span> (inline element)

💡 İpucu: HTML etiketleri genellikle başlangıç ve bitiş etiketleri ile birlikte kullanılır, örn: <p>Metin</p>. Sadece bazı etiketler tek başına kullanılabilir