# Intro to HTML & CSS Course

Canonical URL: <https://www.graduateschool.edu/courses/html-intro>

## Overview

In this class, we’ll introduce you to HTML (HyperText Markup Language), the core markup language used to build webpages.

You’ll jump right in and hand-code a webpage from scratch, learning to format paragraphs, headings, and lists. You’ll also create links, insert images, and enhance tags with attributes. In addition, you’ll explore CSS (Cascading Style Sheets), including tag selectors, class selectors, and using the class attribute.

## 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

## Pricing

**Tuition:** $395