Web Development

HTML & CSS for Absolute Beginners

Learn the building blocks of the web. Build your first website with HTML5 and CSS3 — completely free!

0.0
(0 ratings)
1 students
Created by John Smith English 4h 0m 22 lecturesbeginner

What you'll learn

Build a complete web page from scratch
Understand HTML5 semantic structure
Style websites with CSS3
Create responsive layouts with Flexbox & Grid
Deploy your first website online

Requirements

  • • A computer with internet
  • • No prior experience needed
  • • Any text editor (VS Code recommended — free)

Description

Start your web development journey with the two most fundamental technologies of the internet — HTML and CSS.

This completely free course takes you from zero to building real, responsive web pages.

What you'll learn

  • Structure web pages with HTML5 semantic elements
  • Style with CSS3 — colours, fonts, spacing, layouts
  • Build responsive pages using Flexbox and CSS Grid
  • Add animations, transitions, and hover effects
  • Deploy a personal portfolio page online

All resources, cheat-sheets and PDF guides are included free of charge.

Course Curriculum

3 sections • 22 lectures • 4h 0m total length

Getting Started with HTML
8 lectures
Welcome! What You Will BuildPreview
3m
How the Web Works — Quick OverviewPreview
5m
HTML Basics Cheat-Sheet (PDF)Preview
1m
Your First HTML PagePreview
12m
HTML5 Semantic Elements ExplainedPreview
15m
Forms, Inputs & Buttons
14m
Tables & Lists
10m
HTML5 Elements Reference (PDF)
1m
Styling with CSS3
7 lectures
Introduction to CSS — Selectors & PropertiesPreview
15m
Colors, Backgrounds & Typography
14m
CSS Properties Cheat-Sheet (PDF)Preview
1m
Box Model: Margin, Padding & Borders
13m
Positioning & Z-index
15m
CSS Transitions & Animations
16m
CSS Variables & Custom Properties
12m
Layouts: Flexbox & CSS Grid
7 lectures
Flexbox FundamentalsPreview
20m
Flexbox Visual Cheat-Sheet (PDF)Preview
1m
CSS Grid Layout Crash Course
23m
Building a Responsive Navigation Bar
18m
Responsive Design with Media Queries
17m
Responsive Design Guide (PDF)
1m
Final Project: Build a Portfolio Page
40m

About the Instructor

J

John Smith

Senior Full Stack Developer with 10+ years of experience in web technologies. Has worked at Google, Microsoft and now teaches full-time.