# Intro to HTML & CSS

Canonical URL: <https://www.creativelive.com/classes/html-intro>

## Overview

In this class, you will be introduced to HTML (HyperText Markup Language), the standard markup language used to create webpages.

You will dive in and hand-code a webpage from scratch, learning how to format paragraphs, headings, and lists. You will also learn how to create links, add images, and modify tags with attributes. In addition, you will learn about CSS (Cascading Style Sheets), including tag selectors, class selectors, and the class attribute.

This one-day class is the first day of our more comprehensive [Web Development Level 1](/classes/coding-classes-new-york-city-nyc) course. If you enjoy coding HTML and want to learn more, you can continue with the remainder of [Web Development Level 1](/classes/coding-classes-new-york-city-nyc) and the price of this class will be applied toward that course.

## What you'll learn

- Learn HTML, the standard markup language used to create webpages and emails
- Format paragraphs, headings, and lists
- Create links and add images
- Style webpages with CSS

## Curriculum

### Section 1

#### Coding Basics: Intro to HTML Syntax

- The HTML, head, title, & body tags
- Headings, paragraphs, & lists
- The strong & em tags
- The doctype
- The lang attribute
- The meta tag & the unicode character set

#### Coding Links: Absolute & Relative URLs

- Anchor tags & hrefs
- Linking to other websites
- Linking to pages within a website
- Opening a link in a new browser window/tab

#### Adding Images

- The break tag
- The image tag & source attribute
- Using the width, height, & alt attributes
- Using horizontal rules

#### Intro to Cascading Style Sheets (CSS)

- The style tag
- Tag selectors
- The font-size, font-family, color, & line-height properties
- Hexadecimal color codes

### Section 2

#### CSS Class Selectors

- The class attribute
- CSS class selectors
- The span tag
- CSS opacity

#### Div Tags, ID Selectors, & Basic Page Formatting

- Dividing up content with the div tag
- Assigning IDs to divs
- Setting width & max-width
- CSS background-color
- Adding padding inside a div
- Centering content
- CSS borders
- CSS shorthand & the DRY principle

#### Using Browser Developer Tools

- Opening the DevTools in Chrome
- Editing HTML in the DevTools Elements panel
- Enabling, disabling, & editing CSS in the DevTools
- Using DevTools to fine-tune your CSS
- Hexadecimal shorthand

#### HTML5 Semantic Elements & Validating HTML

- The outline algorithm
- The header, nav, aside, & footer elements
- Understanding articles & sections
- The main element
- The figure & figcaption elements
- Checking for errors: validating your code

## Schedule
- Jun 29, 2026 10:00am–5:00pm — Live Online

## FAQ

### Do I need to bring anything to the class?


No. We provide computers (Mac or PC) with a coding editor installed. Choose your operating system at checkout.

## Pricing

**Tuition:** $395