Angular icon Get $100 off the 7-Courses Angular Master Bundle!

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

days
hours
mins
secs

HTML + CSS icon HTML + CSS icon HTML + CSS Basics
New

Learn the essentials of HTML + CSS for your day-to-day front-end development.

HTML + CSS HTML + CSS

HTML + CSS

Compatible with HTML5

Course duration icon

Duration

61 lessons • 5 hours

What you'll learn

The missing HTML and CSS introductory course. Learn HTML and semantic markup from the absolute beginning and master the core essentials of what a CSS developer needs to know to start building real websites, apps and beyond.

Requirements

  • Any coding experience
  • Perfect for beginners

Here’s what’s covered...

Introduction

3 lessons

  • The Missing Introduction to HTML + CSS

    In Development

  • 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

    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

HTML Syntax • 06:03

Ruth John

Ruth John

Google Developer Expert icon Google Developer Expert

$ 129 Save 32% /per user

189 Total: $

Add to Cart

EU customers: price excludes VAT

Accepting MasterCard Accepting PayPal Accepting VISA Accepting Amex

Secure SSL encrypted payments

Or get the complete bundle...

Everything you need to start mastering HTML + CSS today

HTML + CSS Kickstart Bundle

2 courses

New

HTML + CSS Basics

61 lessons 5 hours

Angular icon Angular icon
New

JavaScript Basics

68 lessons 8 hours

Angular icon

$ 199 Save 23% /per user

258 Total: $

Add to Cart

EU customers: price excludes VAT

Accepting MasterCard Accepting PayPal Accepting VISA Accepting Amex

Secure SSL encrypted payments

100% 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 every cent back.

Student/Location discounts

Not-so-good exchange rate? (i.e. India/Brazil) Get in touch for a coupon. Student? Email us from your student email or attach your student ID.

Get the full HTML + CSS bundle

I've created the best 2 course bundle on the internet. It will teach you everything you need to know about HTML + CSS.

Todd Motto's profile picture

Todd Motto

Google Developer Expert Google Developer Expert

  • Course category icon Course category icon HTML + CSS Basics 61 lessons, 5 hours
  • Course category icon JavaScript Basics 68 lessons, 8 hours

Get the entire collection, 1 more courses, for just $70 extra!