Class 1

Topic: How does Codepen work?

Demo of Codepen
  • Pens
  • Projects
  • Forking
  • Settings

Topic: HTML 101

Demo of HTML 101
  • What is HTML?
  • Structure
  • Tags
    • Structure
      • html
      • head
      • body
      • div
      • span
    • HTML5 semantic structure
      • article
      • section
      • nav
      • footer
      • header
    • Meta
      • DOCTYPE
      • title
      • link
      • meta
      • style
    • Text
      • h1,h2,h3,h4,h5,h6
      • p
      • strong
      • em
      • br
    • Links
      • anchor
    • Element Attributes
    • Commenting your code
Mini Challenge

Topic: HTML 102

Demo of HTML 102
  • Lists
    • li
    • ul
    • ol
  • Forms
    • form
    • text
    • password
    • email
    • submit
  • Media Tags
    • img
    • audio
    • video
  • IDs and Classes
Mini Challenge

Resources