01

HTML Basics

HTML Basics
HTML code showing basic structure with head, body, and common tags

HTML Foundations

  • Basic tags & document structure
  • Headings & paragraphs
  • Lists & basic formatting
  • Anchor tag & links
02

Advanced HTML

HTML Form Example
HTML form with input fields, radio buttons, checkboxes, and a submit button

Complex Elements

  • Forms & input types
  • Table structures
  • Embedding media
  • Form validation
03

HTML Layouts

HTML Layouts
Website layout with header, navigation, main content and footer sections

Structural Elements

  • Div & span usage
  • Semantic elements
  • Section vs article
  • Basic layout structuring
04

CSS Fundamentals

CSS Fundamentals
CSS code demonstrating selectors, properties and values with color changes

Styling Essentials

  • Selectors & properties
  • Box model basics
  • Color & typography
  • Positioning elements
05

CSS Layouts

CSS Layouts
Visual representation of CSS Grid and Flexbox layout systems

Modern Layouts

  • Flexbox fundamentals
  • CSS Grid systems
  • Responsive design
  • Media query creation