Kapat
Anasayfa 369 0

Html temel tagları

Herkese iyi haftalar, bu hafta sizlerle HTML için başlangıç seviyesinde bir not defteri paylaşacağım .

Yeni başlayanlar yada başlamak isteyenler için anlatımı basit, örneklerle desteklenmiş bir defter paylaşıyorum sizlerle.

Not defterinin İçeriği;

  • ana tag
    1. <html> … </html>
  • belge ana tagları
    1. <head> … </head>
    2. <link>
    3. <meta>
    4. <style> … </style>
    5. <title> … </title>
  • bölüm kökü
    1. <body> … </body>
  • içerik bölümü tagları
    1. <address> … </address>
    2. <article> … </article>
    3. <aside> … </aside>
    4. <footer> … </footer>
    5. <header> … </header>
    6. <h1> – <h6> … </h6>
    7. <main> … </main>
    8. <nav> … </nav>
    9. <section> … </section>
  • Metin içeriği tagları
    1. <blockquote>… </blockquote>
    2. <dd>… </dd>
    3. <dl>… </dl>
    4. <dt>… </dt>
    5. <figcaption>… </figcaption>
    6. <figure>… </figure>
    7. <hr>
    8. <li>… </li>
    9. <ol>… </ol>
    10. <p>… </p>
    11. <pre>… </pre>
    12. <ul>… </ul>
  • satır içi metin tagları
    1. <a>… </a>
    2. <abbr>… </abbr>
    3. <br>
    4. <cite>… </cite>
    5. <code>… </code>
    6. <em>… </em>
    7. <mark>… </mark>
  • ana tag
    1. <html> … </html>
  • belge ana tagları
    1. <head> … </head>
    2. <link>
    3. <meta>
    4. <style> … </style>
    5. <title> … </title>
  • bölüm kökü
    1. <body> … </body>
  • içerik bölümü tagları
    1. <address> … </address>
    2. <article> … </article>
    3. <aside> … </aside>
    4. <footer> … </footer>
    5. <header> … </header>
    6. <h1> – <h6> … </h6>
    7. <main> … </main>
    8. <nav> … </nav>
    9. <section> … </section>
  • Metin içeriği tagları
    1. <blockquote>… </blockquote>
    2. <dd>… </dd>
    3. <dl>… </dl>
    4. <dt>… </dt>
    5. <figcaption>… </figcaption>
    6. <figure>… </figure>
    7. <hr>
    8. <li>… </li>
    9. <ol>… </ol>
    10. <p>… </p>
    11. <pre>… </pre>
    12. <ul>… </ul>
  • satır içi metin tagları
    1. <a>… </a>
    2. <abbr>… </abbr>
    3. <br>
    4. <cite>… </cite>
    5. <code>… </code>
    6. <em>… </em>
    7. <mark>… </mark>
    8. <small>… </small>
    9. <span>… </span>
    10. <strong>… </strong>
    11. <time>… </time>
  • Görüntü ve Multimedya
    1. <audio>… </audio>
    2. <img>
    3. <track>
    4. <video>… </video>
  • <ins>… </ins>
  • tablo içeriği
    1. <caption> … </caption>
    2. <table> … </table>
    3. <tbody> … </tbody>
    4. <td> … </td>
    5. <tfoot> … </tfoot>
    6. <th> … </th>
    7. <thead> … </thead>
    8. <tr> … </tr>
  • formlar
    1. <button> … </button>
    2. <datalist> … </datalist>
    3. <fieldset> … </fieldset>
    4. <form> … </form>
    5. <input>
    6. <label> … </label>
    7. <legend> … </legend>
    8. <optgroup> … </optgroup>
    9. <option> … </option>
    10. <progress> … </progress>
    11. <select> … </select>
    12. <textarea> … </textarea>
  • etkileşim (ayrıntı) tagları
    1. <details> … </details>
    2. <summary> … </summary>

Defterden Örnek Görsel

İndirip faydalanmak isterseniz indirme linki aşağıda

Ömer Faruk {DeadsFire}