hero-background-image-header

Learn HTML & CSS for Free

Learn HTML & CSS and how to build simple, clean web pages. This free tutorial focuses on the foundational building blocks of the internet — you’ll learn HTML basics, CSS basics, and how to create your first webpage.

Why learn HTML & CSS with Flatiron School?

Learn HTML & CSS for free

Our Learn HTML & CSS lessons are free — that way you can set your schedule and learn the fundamentals at your own pace.

Explore your future in tech

Our lessons are the best way to experience if learning to code is for you. Explore whether you’re passionate about pursuing code as a career, or if you just want to brush up on some skills.

Prepare for a coding bootcamp

Intro to HTML & CSS is an efficient way to get real hands-on experience with programming fundamentals you’ll need to get into our immersive software engineering course.

Our grads work at some of tech's biggest companies

Washington Post logo
Salesforce logo
Spotify logo
Facebook logo
slack logo
Logo: Apple
Logo: NASA
Logo: Google
Logo: AT&T

HTML & CSS for beginners: everything you'll learn

Every website on the internet is built using HTML & CSS. This free tutorial covers everything from how to begin building your page with HTML to styling it and making your website attractive using CSS. Here’s what you’ll cover in this free workshop:

HTML Syntax

Understand HTML syntax, the differences between matching and void HTML tags, how to use an HTML class, and different HTML attributes and their usage.

Boilerplate HTML

Learn how to use HTML basics like <!doctype> doctype declarations and <head> head and <body> body tags to understand “meta” information and communicating with a browser.

Semantic HTML

Apply proper HTML semantic and non-semantic tags to your content while making your website accessible to your users.

Common HTML Elements

Use the most popular and effective HTML tags, like <a> anchor tags, <h> header tags, <img> image tags, <p> paragraph tags, and <div> div tags.

Styling HTML Using CSS Selectors

Use tag and class selectors to apply your styles to your HTML content and customize your website.

Creating and Linking Stylesheets

Create cascading style sheets — CSS — and link to them in an HTML document to apply styles across your whole website.

Styling Text with CSS

Apply typography-related CSS properties to style your text using font-size, text-transform, text-decoration, and font-family.

CSS Box Models

Learn to use content boxes, padding boxes, border boxes, and margin boxes to structure your web pages in visual and easy-to-understand ways.

Other free coding tutorials at Flatiron School

Intro to Ruby

Master the fundamentals of object-oriented programming in Ruby.

Learn Ruby

Intro to JavaScript

Master the fundamentals of modern web development with our free JavaScript workshop.

Learn JavaScript

Intro to API Integration

Learn how Application Programming Interfaces work and how to use them to connect applications.

Learn API Integration

Arrow
Ready for a career in software engineering? Learn more about our immersive Software Engineering course.
Learn More

Frequently asked questions about learning HTML, CSS, and coding

What is HTML?

HTML (short for HyperText Markup Language) is a basic markup language that forms the structure of a web page and is often used with the other popular languages CSS and JavaScript to create the internet as we know it.

HTML helps distinguish between different types of content — page titles, headings, paragraphs, lists, and more. With HTML, the same content is formatted in a way that’s readable and meaningful to both humans and browsers.

What does HTML stand for?

HTML stands for HyperText Markup Language.

Is HTML a programming language?

Technically speaking, HTML is not a programming language, as it doesn't utilize logical functions. Being a markup language, HTML is used to structure content and information and exists to be used with programming languages like JavaScript.

If you're looking to learn more advanced programming languages, read more about the best languages to learn in 2021.

What is HTML used for?

HTML has many use cases but is predominantly used for web pages, and other applications we interact with every single day. It is the main building block for all websites and is absolutely vital for the internet as we know it.

Learn more about how HTML (and CSS and JavaScript) are used in front-end web development.

How long does it take to learn HTML?

Being a true markup language, HTML doesn’t take very long to learn by typical coding standards. If you work daily, you should be able to know most HTML basics in just a couple weeks, and more advanced HTML rules a few weeks after that.

Are HTML & CSS important to learn?

For anyone running a website or who wants to dip their toes into the world of front-end web development, yes — learning HTML & CSS are extremely important.

HTML training and CSS training are at the core of any web developer or front-end engineer's skill set.

What does CSS stand for?

CSS stands for Cascading Style Sheets.

What is CSS used for?

CSS is used to style a subset of elements, and to tell browsers how to display information that is marked up using HTML.

HTML defines the structure of a website and basic elements of how a site should look. HTML can be used to make characters appear bold or italicized and which block of text should be a paragraph.

However, CSS can be used to implement stylistic changes in one place without repeating that command every time a site wants to use that style.

How long does it take to learn CSS?

CSS, on the other hand, takes a considerably longer time to learn. Learning CSS basics can take a couple of month, but it’s generally understood to take up to 8 months to fully learn CSS. 

These lessons are geared toward people with little to no experience working on the front end of websites, but if you’re looking to become a software engineer, CSS is a great programming language to learn.