💲 Black Friday Special

Get an extra 35% OFF everything with coupon code BLACK_FRIDAY

0 days
00 hours
00 mins
00 secs

HTML + CSS Basics Html Icon Css Icon

59 lessons

5 hours

Star Icon Star Icon Star Icon Star Icon Star Icon

5/5 (2163 ratings)

HTML + CSS Basics

Star Icon Star Icon Star Icon Star Icon Star Icon

5/5 (2163 reviews)

Ruth John

with Ruth John

Learn modern web fundamentals with the latest HTML5 and CSS3 techniques and practices. Fill all your knowledge gaps and build a real website from scratch.

13

Chapters

59

Lessons

5

Hours
Closed Captions Icon

Closed Captions in English

Free Lesson Arrow Icon
Course Thumbnail
Play Icon

Layout with Flexbox 10:53

Here's what's inside...

Everything you need, structured and ready to go.

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 package...

Everything you need to start mastering HTML + CSS today

Google Developer Experts Icon

Expert knowledge

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

Trophy Icon

All the best practices

Design patterns, battle-tested techniques, architecture and performance.

Stream Icon

Stream or download

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

Code Terminal Icon

Level up your career

Nail that interview or promotion with skills that will set you apart.

StackBlitz Icon

StackBlitz Embeds

Access full source code, and experiment live in the browser.

Slack Icon

Private Slack Group

Exclusive access to our members-only community (7,000+ members).

HTML + CSS Basics

129

/user

189

Save 32%

$

ADD TO CART
MasterCard Icon PayPal Icon VISA Icon Amex Icon

EU customers: price excludes VAT

Moneyback Icon

30-day money back guarantee

If you're disappointed for whatever reason, you'll get a full refund (but I'm sure you won't need it).

Discount Icon

Location discounts and students

Not-so-good exchange rate? (i.e. India/Brazil). Student?
Email us for a coupon for your country or student ID.