Angular Icon Get 67% off the Angular Master Bundle!

See the bundle then add to cart and your discount is applied.

0 days
00 hours
00 mins
00 secs

Introduction

3 lessons

  • Play Icon The Missing Introduction to HTML + CSS

    06:01

  • File Icon Project Setup

    Readme

  • File Icon External Resources

    Readme

HTML Language Essentials

3 lessons

  • Play Icon HTML Syntax

    06:03

  • Play Icon Page Structure

    02:46

  • Play Icon Head Information

    05:46

HTML Content Elements

6 lessons

  • Play Icon Heading Elements

    02:59

  • Play Icon Paragraphs & Text

    04:57

  • Play Icon List Elements

    03:20

  • Play Icon Anchor Element

    02:51

  • Play Icon Button Element

    00:57

  • Play Icon Image Element

    01:26

HTML Section Elements

8 lessons

  • Play Icon Introduction to Section Elements

    01:08

  • Play Icon Header Element

    03:18

  • Play Icon Footer Element

    01:25

  • Play Icon Navigation Element

    01:47

  • Play Icon Article Element

    01:39

  • Play Icon Section & Div Elements

    02:33

  • Play Icon Main & Aside Elements

    02:25

  • Play Icon Figure Element

    01:06

HTML Form Elements

5 lessons

  • Play Icon Form Element

    02:25

  • Play Icon Input Element

    02:59

  • Play Icon Input Types

    06:19

  • Play Icon Select & Textarea Elements

    03:28

  • Play Icon Submitting a Form

    01:52

HTML Media Elements

3 lessons

  • Play Icon Video Element

    05:35

  • Play Icon Audio Element

    02:47

  • Play Icon Picture Element

    02:06

Lab 1: Build the HTML for a blog

8 lessons

  • Play Icon Project Introduction

    03:14

  • Play Icon Setup the Page Structure

    03:59

  • Play Icon Creating the Header

    04:34

  • Play Icon Creating the Footer

    05:55

  • Play Icon Adding the Articles

    07:35

  • Play Icon Setup the Landing Page

    06:51

  • Play Icon The Article Thumbnail List

    04:27

  • Play Icon Adding a Newsletter Signup

    03:44

CSS Language Essentials

2 lessons

  • Play Icon CSS Syntax

    12:36

  • Play Icon Style vs File

    05:29

CSS Basic Styles

5 lessons

  • Play Icon Border Property

    03:11

  • Play Icon Color Values

    04:53

  • Play Icon Background Property

    03:32

  • Play Icon Border-radius Property

    02:26

  • Play Icon Box-shadow Property

    01:39

CSS Fonts & Text

2 lessons

  • Play Icon Importing Fonts

    03:23

  • Play Icon Text Styling

    04:11

CSS Box Model

5 lessons

  • Play Icon Display Types

    04:12

  • Play Icon Margin & Padding Properties

    06:30

  • Play Icon Unit Values

    06:08

  • Play Icon Width & Height Properties

    02:34

  • Play Icon Box-sizing Property

    04:02

CSS Layout Techniques

3 lessons

  • Play Icon Float Property

    12:20

  • Play Icon Layout with Flexbox

    10:53

  • Play Icon Layout with Grid

    12:11

Lab 2: Styling the blog from design to CSS

8 lessons

  • Play Icon Project Setup

    04:30

  • Play Icon Defining the Base Styles

    07:29

  • Play Icon Defining the Common Styles

    09:30

  • Play Icon Styling the Header

    10:19

  • Play Icon Styling the Footer

    05:36

  • Play Icon Styling the Article Page

    12:47

  • Play Icon Styling the Landing Page

    20:23

  • Play Icon Styling the Newsletter Sign-up

    07:01

Get the complete bundle...

Everything you need to start mastering HTML + CSS today

Terminal Icon Job-ready training

Nail that interview with your new skills that will set you apart.

Trophy Icon All the best practices

Best practices, design patterns, performance and architecture.

Rocket Logo Stream or download

Learn at home at your own pace, download for offline viewing.

Google Developer Expert Logo Expert knowledge

Built by Google Developer Experts, there's no better place to learn web.

Stackblitz Logo StackBlitz examples

Access full course source code and experiment in the browser too!

Slack Logo Slack community

Exclusive access to our members-only community (6,500+ members).

MasterCard Icon PayPal Icon VISA Icon Amex Icon

Secure SSL encrypted payments

Moneyback Icon

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.

Discount Icon

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 💰

Todd Motto

Brought to you by Todd Motto, multi-award winner, world-wide conference speaker and workshop leader. Google Developer Expert icon Google Developer Expert

  • Html Icon

    HTML + CSS Basics

    61 lessons
  • Javascript Icon

    JavaScript Basics

    68 lessons
  • Javascript Icon

    JavaScript DOM

    49 lessons
Html Icon