Skip to main content

Tags

1. Document Structure

  • <!DOCTYPE>
  • <html>
  • <head>
  • <title>
  • <meta>
  • <link>
  • <script>
  • <noscript>

2. Text Content

  • <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
  • <p>
  • <span>
  • <strong>: <strong> HTML etiketi, içeriğini vurgulamak için kullanılan bir içerik biçimlendirme etiketidir. Tarayıcılar bu etiketi kullanıcıya önemli olduğunu belirtmek için kullanır. Genellikle metin içeriğini kalın bir şekilde göstermek için kullanılır, ancak sadece biçimlendirme değil, içeriğin anlamı veya önemi üzerinde de vurgu yapar.
  • <em>: HTML etiketi, içeriğini vurgulamak veya vurgulanmış bir parçayı vurgulamak için kullanılan bir içerik biçimlendirme etiketidir. Tarayıcılar bu etiketi kullanıcıya önemli olduğunu belirtmek için kullanır. Genellikle metin içeriğini italik bir şekilde göstermek için kullanılır, ancak sadece biçimlendirme değil, içeriğin anlamı veya önemi üzerinde de vurgu yapar.
  • <br>: <br> HTML etiketi, bir satırın sonlandığını belirtmek için kullanılan bir içerik biçimlendirme etiketidir. "br" "line break" kelimesinin kısaltmasıdır ve bu etiket kullanıldığında bir sonraki içerik satırının bir alt satırdan başlayacağını belirtir.
  • <hr>: <hr> HTML etiketi, yatay bir çizgi veya yatay bir ayırıcı eklemek için kullanılan bir içerik biçimlendirme etiketidir. "hr" "horizontal rule" kelimesinin kısaltmasıdır. Bu etiket, içeriği iki parçaya bölmek veya belirli bir bölümü vurgulamak için kullanılır.

3. Lists

  • <ul>
  • <ol>
  • <li>
  • <dl>: <dl> (definition list) etiketi, tanımlı bir liste başlatır.
  • <dt>: <dt> (definition term) etiketi, bir terimi veya bir kavramı tanımlar.
  • <dd>: <dd> (definition description) etiketi, bir terimin tanımını veya açıklamasını verir.
  • <a>
  • <nav>
  • <link>

5. Embedded Content

  • <img>
  • <audio>
  • <video>
  • <iframe>: <iframe> (inline frame) HTML içinde kullanılan bir etikettir ve başka bir web sayfasını veya içeriği içine gömme (embed) amacıyla kullanılır. <iframe> etiketi, içine aldığı kaynak belgesini (HTML, CSS, JavaScript vb.) bir çerçeve içinde görüntüler.
  • <canvas>
  • <svg>: SVG (Scalable Vector Graphics), HTML içinde kullanılan bir etikettir ve XML tabanlı bir dosya formatı olan SVG grafiklerini eklemek için kullanılır. SVG etiketi, web sayfalarında vektörel grafikler oluşturmak ve görüntülemek için kullanılır.

6. Forms

  • <form>
  • <input>
  • <textarea>
  • <button>
  • <select>
  • <option>
  • <label>: <label> HTML etiketi, bir form elemanına (input, select, textarea gibi) eşlik eden açıklama veya etiketi tanımlamak için kullanılır. Kullanıcıya belirli bir form elemanının ne için olduğunu veya ne tür veri girmesi gerektiğini anlatmak için kullanılır. Bu, form elemanlarına daha iyi erişilebilirlik (accessibility) sağlar ve kullanıcı deneyimini iyileştirir.

7. Tables

  • <table>
  • <tr>: <tr> (table row): Bu etiket, bir tablodaki bir satırı temsil eder. Tablodaki her satır, <tr> etiketi içinde yer alır.
  • <th>: <th> (table header): Bu etiket, bir tablonun başlık hücrelerini temsil eder. Başlık hücreleri genellikle tablonun sütunlarını tanımlar ve bold (kalın) metin ile gösterilir.
  • <td>: <td> (table data): Bu etiket, bir tablodaki veri hücrelerini temsil eder. Veri hücreleri, tablonun ana içeriğini oluşturur ve genellikle normal (yani, kalın olmayan) metin içerir.
  • <caption>: Genel olarak, <caption> etiketi bir tablonun genel başlığını belirtmek için kullanılırken, <th> etiketi her bir sütunun başlığını belirtmek için kullanılır.

8. Semantic Elements

  • <article>
  • <section>
  • <header>
  • <footer>
  • <aside>
  • <main>
  • <figure>: Bu etiket, bir resim, diyagram, fotoğraf, çizim veya diğer görsel içeriği tanımlar. Genellikle, görsel içeriği bir <figure> etiketi içine yerleştiririz. <figure> etiketi içine bir resim veya görsel içerikten başka metin veya açıklamalar da ekleyebiliriz.