Get 67% off the Angular Master Bundle! 
HTML + CSS Basics
5/5 (718 ratings)
• 
Closed Captions (English)
by Ruth John
Become a web developer by learning HTML and CSS fundamentals. Explore the latest syntax, techniques and practices and start building real websites and applications straight away.
See Curriculum
The Missing Introduction to HTML + CSS • 06:01
Introduction
3 lessons
-
The Missing Introduction to HTML + CSS 06:01
- Project Setup
Readme
- External Resources
Readme
The Missing Introduction to HTML + CSS 
Project Setup 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
Job-ready training Nail that interview with your new skills that will set you apart.
All the best practices
All the best practices Best practices, design patterns, performance and architecture.
Stream or download
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
StackBlitz examples Access full course source code and experiment in the browser too!
Slack community
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
