# HTML Email Bootcamp

Canonical URL: <https://www.careercenters.com/courses/html-email>

## Overview

Email marketing has become a staple of marketing campaigns. In this hands-on HTML Email course, you’ll learn how to create visually stunning emails with custom layouts and graphics to engage with your customer base. Build a simple one-time email, design a weekly newsletter template, and more.

### Create Powerful, Beautiful, and Effective Emails

- Learn how to code and lay out emails using tables (for better compatibility with email clients), apply email-friendly CSS, fix various email client issues, and more.
- Take your HTML Email skills to the next level by taking our [Responsive HTML Email](https://www.nobledesktop.com/classes/responsive-html-email) class and earning an NYS-Licensed [Certificate in HTML Email](https://www.nobledesktop.com/certificates/email).

This [HTML Email course](https://www.nobledesktop.com/classes/html-email) is held at our [coding school, Noble Desktop,](https://www.nobledesktop.com/coding-school-nyc) in Midtown.

## What you'll learn

- Learn best practices for coding HTML Email messages that are effective and cross-mail-client compatible.
- Build and work with a couple of different layouts: a simple one-time email blast and a more complex weekly newsletter.
- Learn how to lay out emails, apply email-friendly CSS, make a table of contents, and fix various email client issues.

## Prerequisites

You should have HTML and CSS coding experience equivalent to our [Web Development with HTML & CSS](/courses/web-development-level-1) class.

## Curriculum

### Section 1

#### Simple Responsive Layout

- Coding the table structure
- Fixing a gap below images
- Making the email responsive
- Introduction to CSS media queries

#### 2-Column Layout: Media Queries

- Coding the nested table structure
- Writing styles for desktop & mobile versions
- Media queries for fine-tuning mobile responsive design
- Modifying media queries

#### Mobile-Friendly Column Layout

- Coding the table for the 2-column content
- Converting the mobile layout to 1-column
- Adding the other date listings
- Refining the CSS

### Section 2

#### Optimizing Images for Mobile

- HTML email image quality: a balancing act
- Dealing with hi-res/retina images
- Swapping the banner on mobile
- Further optimizing the mobile banner

#### Responsive Footer

- Structuring the footer layout
- Styling the footer
- Optimizing the footer for smaller screens

#### Sending Tests & Email Fixes (Preflighting)

- Adding a preheader to entice mobile users
- Inlining the CSS
- Sending test emails

## Schedule
- Jul 23, 2026 10:00am–5:00pm — NYC
- Oct 1, 2026 10:00am–5:00pm — NYC

## Pricing

**Tuition:** $425