Introduction
3 lessons
-
The Missing Introduction to HTML + CSS
06:01
-
Project Setup
Readme
-
External Resources
Readme
HTML Language Essentials
3 lessons
-
HTML Syntax
06:03
-
Page Structure
02:46
-
Head Information
05:46
HTML Content Elements
6 lessons
-
Heading Elements
02:59
-
Paragraphs & Text
04:57
-
List Elements
03:20
-
Anchor Element
02:51
-
Button Element
00:57
-
Image Element
01:26
HTML Section Elements
8 lessons
-
Introduction to Section Elements
01:08
-
Header Element
03:18
-
Footer Element
01:25
-
Navigation Element
01:47
-
Article Element
01:39
-
Section & Div Elements
02:33
-
Main & Aside Elements
02:25
-
Figure Element
01:06
HTML Form Elements
5 lessons
-
Form Element
02:25
-
Input Element
02:59
-
Input Types
06:19
-
Select & Textarea Elements
03:28
-
Submitting a Form
01:52
HTML Media Elements
3 lessons
-
Video Element
05:35
-
Audio Element
02:47
-
Picture Element
02:06
Lab 1: Build the HTML for a blog
8 lessons
-
Project Introduction
03:14
-
Setup the Page Structure
03:59
-
Creating the Header
04:34
-
Creating the Footer
05:55
-
Adding the Articles
07:35
-
Setup the Landing Page
06:51
-
The Article Thumbnail List
04:27
-
Adding a Newsletter Signup
03:44
CSS Language Essentials
2 lessons
-
CSS Syntax
12:36
-
Style vs File
05:29
CSS Basic Styles
5 lessons
-
Border Property
03:11
-
Color Values
04:53
-
Background Property
03:32
-
Border-radius Property
02:26
-
Box-shadow Property
01:39
CSS Fonts & Text
2 lessons
-
Importing Fonts
03:23
-
Text Styling
04:11
CSS Box Model
5 lessons
-
Display Types
04:12
-
Margin & Padding Properties
06:30
-
Unit Values
06:08
-
Width & Height Properties
02:34
-
Box-sizing Property
04:02
CSS Layout Techniques
3 lessons
-
Float Property
12:20
-
Layout with Flexbox
10:53
-
Layout with Grid
12:11
Lab 2: Styling the blog from design to CSS
8 lessons
-
Project Setup
04:30
-
Defining the Base Styles
07:29
-
Defining the Common Styles
09:30
-
Styling the Header
10:19
-
Styling the Footer
05:36
-
Styling the Article Page
12:47
-
Styling the Landing Page
20:23
-
Styling the Newsletter Sign-up
07:01
Get the complete bundle...
Everything you need to start mastering HTML + CSS today
Job-ready training
Nail that interview with your new skills that will set you apart.
All the best practices
Best practices, design patterns, performance and architecture.
Stream or download
Learn at home at your own pace, download for offline viewing.
Expert knowledge
Built by Google Developer Experts, there's no better place to learn web.
StackBlitz examples
Access full course source code and experiment in the browser too!
Slack community
Exclusive access to our members-only community (6,500+ members).

Web Developer Bundle
3 courses




Secure SSL encrypted payments

30-day money back guarantee
These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, you'll get a full refund.

Location + Student discounts
Not-so-good exchange rate (i.e. India/Brazil)? Are you a student? Contact us for a coupon with your location or student details.
🎉 Get 2 more courses for just $20 extra!
Upgrade to the full HTML + CSS Web Developer bundle and save 💰

Brought to you by Todd Motto, multi-award winner, world-wide conference speaker and workshop leader. Google Developer Expert
-
HTML + CSS Basics
61 lessons -
JavaScript Basics
68 lessons -
JavaScript DOM
49 lessons