HTML Yol Haritası

Bu yazımızda HTML öğrenmek isteyenler için izleyebileceği adımları bir araya ve bir HTML yol haritası oluşturduk.

Öncelikle bilmeyenler için html hakkında aklınıza gelebilecek tüm soruları ve tüm HTML derslerimize buraya tıklayarak ulaşabilirsiniz.

HTML Yol Haritası

Haritada göreceğiniz harf ve renklerin anlamları :

  • Kırmızı renkte olan yazılara tıklayarak ilgili ders anlatımına ulaşabilirsiniz.
  • (z) = Zorunlu
  • (i) = Öğrensen iyi olur.

HTML Temelleri

HTML Temelleri (z)

1. HTML Temel Etiketler

HTML Etiketleri – Form Elemanları

HTML Etiketleri – Form Elemanları

1. Input (z)
2. Select (z)
3. Button (z)
4. Label (i)
5. Textarea (z)

HTML Etiketleri – Satır İçi Etiketler

HTML Etiketleri – Satır İçi Etiketler

1. Video (i)
2. Audio (i)
3. iframe (z)
4. Canvas (i)
5. A Etiketi (z)
6. Tablolar (z)
   6.1 – tfoot
   6.2 – thead
   6.3 – tbody
   6.4 – th
   6.5 – tr
   6.6 – td
7. img (z)
8. br (i)
9. Progress (i)

HTML Etiketleri – Blok Etiketleri

HTML Etiketleri – Blok Etiketleri

1. Metin biçimlendirme etiketleri (z)
2. Başlık Etiketleri (z)
3. Alıntı etiketleri (i)
4. div (z)
5. footer (i)
6. hr (i)

HTML Etiketleri – Head Etiketleri

HTML Etiketleri – Head Etiketleri

1. !DOCSTYPE (z)
2. html (z)
3. body (z)
4. head (z)
5. meta (i)
6. header (i)
7. title (z)

HTML Etiketleri – Listeler

HTML Etiketleri – Listeler

1. ol (z)
2. li (z)
3. ul (z)

HTML Olaylar

HTML Olaylar

1. onkeyup (i)
2. onblur (i)
3. onmouseout (i)
4. onchange (z)
5. onunload (i)
6. onmousedown (z)
7. onfokus (z)
8. onsubmit (i)
9. ondbclick (i)
10. onload (i)
11. onclick (z)
12. onselect (i)
13. onkeydown (z)
14. onmouseover (i)
15. onmouseup (i)
16. onreset (i)

Pratik

CSS

CSS

CSS Yol Haritası (Yakında) (z)