Introduction
  • Introduction
Day 1: Organize your content
  • Tables in HTML (Part 1)
  • Tables in HTML (Part 2)
  • HTML Lists
  • Create Menu Using Lists
Day 2
  • Iframes in HTML
  • Gradients (Part 1)
  • Gradients (Part 2)
  • Image Map
Day 3: Effects & Display Behavior in HTML
  • Display in CSS
  • Flexbox Layout
  • Make attractive texts using Text Shadow
  • Beautiful boxes using Box Shadow
Day 4: How to use fonts in HTML
  • Fonts - Part 1 : Adding font to your HTML resources
  • Fonts - Part 2 : Using font properties
  • Fonts - Part 3 : Font shorthand
  • Fonts - Part 4 : Using Google Fonts and Google Icons
Day 5: How to work with texts in HTML
  • Text Alignment
  • Text Decoration
  • Text Spacing
Day 6: Well formed HTML documents using "Semantic Elements"
  • Semantic Elements - Introduction
  • Semantic Elements - Basic Layout Elements: header, footer and aside
  • Semantic Elements- Advanced Layout Elements : section, article and main
  • Semantic Elements -nav and figure
Day 7: Meta data in HTML
  • Head Element
  • Title Element
  • Favicon
  • Meta Element
  • Base Element
Last Day
  • What's Next?