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.

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ı

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

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

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

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

HTML Etiketleri – Listeler

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

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

HTML Örnekleri

CSS

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