Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Treehouse

Learn HTML and CSS with Our Video Lessons

via Treehouse

Overview

Get started creating web pages with HTML and CSS, the basic building blocks of web development. HTML, or HyperText Markup Language, is a standard set of tags you will use to tell the web browser how the content of your web pages and applications are structured. Use CSS, or Cascading Style Sheets, to select HTML tags and tell the browser what your content should look like. Whether you are coding for fun or planning to start a career in web development, learning HTML and CSS is a great place to start.

What you'll learn

  • Define HTML and CSS
  • Add and change HTML tags
  • Modify CSS attributes
  • Learn the structural foundation of web pages and applications

Syllabus

Getting Familiar with HTML and CSS

Learn the basic structure of a web page, how HTML and CSS are used to change the structure and appearance of web pages, and how HTML and CSS fit into the larger world of web development.

Chevron 5 steps
  • Welcome to HTML and CSS

    4:28

  • Building Web Pages with HTML and CSS

    4:49

  • HTML, CSS, and Web Development

    2:16

  • Review: Getting Familiar with HTML and CSS

    6 questions

  • Test: Changing the Look of a Web Page

    2 objectives

HTML: The Structural Foundation of Web Pages and Applications

HTML is a series of tags that tell web browsers how to render, or display, a web page. You will wrap the content in these tags to describe the elements on the page and how they should be structured. Learn some useful and commonly used HTML tags and how to use them to start building your web pages.

Chevron 9 steps
  • The Basic Structure of a Web Page

    5:20

  • Review: Parts of an HTML Page

    5 questions

  • Image Tags

    3:44

  • Paragraph Tags

    2:40

  • Anchor Tags

    3:25

  • Review: Common HTML tags

    5 questions

  • Test: Creating an HTML Element

    3 objectives

  • HTML Lists

    2:32

  • Test: Create an Unordered List

    2 objectives

Make It Beautiful With CSS

CSS, or Cascading Style Sheets, is a system for selecting HTML tags and defining their appearance. From the text, color, and alignment, to the height, width, and space between them, learn a few different ways to select and style HTML elements using CSS.

Chevron 6 steps
  • Select and Style by Element

    6:14

  • Select and Style by Class

    5:10

  • Test: Styling by Element and Class

    3 objectives

  • Select and Style Multiple Elements by Class

    4:33

  • Review: Make It Beautiful with CSS

    6 questions

  • Adding a Style to several Elements using Class

    3 objectives

Adding a New Web Page

By adding a resume page to the example project, you will get a quick and simple introduction to setting up an HTML document and linking a CSS stylesheet.

Chevron 7 steps
  • Set up an HTML Document

    4:01

  • Write the HTML

    2:23

  • Write the CSS

    6:22

  • Test: Write and Style an Element

    3 objectives

  • Linking It All Up

    2:40

  • Test: Link It Up Challenge

    2 objectives

  • Review: Adding a New Web Page

    5 questions

Reviews

Start your review of Learn HTML and CSS with Our Video Lessons

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.