Learn how to build the structure of a webpage.
What is HTML and how it works
HTML document structure (<!DOCTYPE>, <html>, <head>, <body>)
Text formatting tags (<h1> to <h6>, <p>, <b>, <i>)
Lists, tables, and links
Images, audio, and video embedding
Forms and input fields
Learn how to style your HTML content and make it look good.
What is CSS and how it connects to HTML
Inline, internal, and external CSS
Colors, fonts, and text styling
Borders, margins, and padding
Backgrounds and gradients
Units and measurements
Organize content using layout techniques to create modern web pages.
Display and position properties
Box model and spacing
Flexbox and grid layout systems
Responsive design with media queries
Navigation bars and footers
Basic animation and transitions
Build small, real websites to apply what you’ve learned.
Personal profile page
Landing page layout
Simple blog page
Form styling with CSS
Final mini project: Responsive portfolio site
