HTML 5

1. About how web works?

2. What is HTML?

3. What is CSS?

4. What is JavaScript?

5. Importance of HTML

6. HTML case sensitive?

7. Extensions

8. Hello World

9. How browsers work

10. File path from browser

11. Tags

12. Elements

    1. • Nested elements

13. Attributes

1. Doc-type tag

2. Head tag

   1. • Title tag

      • Meta tag

        1. 1. 1. Responsive

              2. Charset

3. Body tag

4. Other tags

   1. • Style tag

      • Script tag

      • Link tag

5. Comments

1. Heading

2. Paragraph

3. Break tags

4. Listing

   1. • Ordered List

      • Unordered List

      • Definition List

5. Hyper Links

   1. • to different page

      • to same page

      • mailto:

      • target attribute

        • _self (default)

        • _blank

        • _parent

        • _top

      • title attribute

      • Absolute URLs vs Relative URLs

6. Tables

   1. • thead, tbody and tfoot tags

      • tr, th and td tag

      • rowspan and colspan attributes

      • caption tag

7. Image

   1. • src attribute

      • alt attribute

      • width and height attribute

      • hyper image

8. Picture

   1. • img tag vs picture element

      • source tag

      • multiple source tag

      • media attribute

      • scrset attribute

9. Map

   1. • area tag

        • shape attribute

          1. rect

          2. circle

          3. poly

        • coords attribute

        • alt attribute

        • href attribute

      • usemap attribute of img tag

10. Iframe

    1. • src attribute

       • height and width attribute

       • name attribute

       • with anchor tag (target attribute of anchor tag)

11. Semantics

    1. • header tag

       • nav tag

       • aside tag

       • section tag

       • article tag

       • footer tag

12. More Semantics

    1. • details tag

         • summary tag

       • figure tag

         • figcaption tag

       • main tag

13. Media

    1. • Audio

       • Video

14. Blocks

    1. • div tag

       • span tag

15. Forms

    1. • action, method and target attributes

       • label attributes

       • input attributes

1. Words Formatting

   • • bold vs strong tag

     • italic vs emphasized tag

     • mark tag

     • small tag

     • del tag

     • ins tag

     • sub and sup tag

2. Paragraph Formatting

   • • blockquote tag

     • q tag

     • address tag

3. Other tags

   • • pre tag

     • var tag

     • samp tag

     • code tag

     • kbd tag

4. Entities

5. Symbols

Students will make a project embedding all the knowledge he/she gain from the course.