• Platform

    Workflow

    Code Editor

    A collaborative code editor that knows email

    Visual Editor

    Use world class code without writing a single line of it

    Approvals & Feedback

    Streamline your team’s review process and get campaigns out faster

    Email Design Systems

    Build emails faster with powerful reusable components.

    Analytics

    Measure statistics that can enrich your marketing strategy and simplify your code

    Previews & Testing

    Real-time previews, 80+ inbox previews, and validators for links, images, and more!

    Solutions

    AccessibilityAMP for EmailMJMLCerberusArchives

    Parcel for Teams

    Bring your entire team into Parcel

    Parcel + your ESP

    Explore how Parcel works with your ESP

  • Pricing
  • Docs

    Documentation

    Explore all the ways you can use Parcel

    Guides

    Parcel how to's and use cases.

    Getting Started

    • Overview
    • Uploading
    • Preview

    Concepts

    • Test Sends
    • Snippets
    • Tricks & Tips
  • Free Resources

    Email Knowledge

    Learn Email

    Parcel's free course on the foundations of developing email with HTML and CSS

    Email Resources

    Resources for Every Step of Your Email Workflow

    Good Email Code

    Best practice email code developed by Mark Robbins

    How to Target Email Clients

    Techniques for singling out email clients and platforms.

    Tools

    Calendar Link Generator

    Can I Send This Image / Font?

    EML Viewer

    What Does It Paste?

    Examine Email

    Mailto Link Generator

    Scroll My Email

    Video Thumbnail Generator

    Email Ipsum Generator

    Image Placeholder Generator

    Email Carbon Footprint Calculator

  • Sign in
  • Sign in
  • Sign up
  • Introduction
    • Welcome
    • Why learn how to code email
    • What is HTML and CSS
    • How and why email code is different to web code
  • Getting started with email code
    • Overview
    • Basic HTML text elements
    • Create a simple text based HTML emailTask 🧑‍💻
    • Embedding basic styling in email
    • Add some styles to your emailTask 🧑‍💻
    • Embedding images in email
    • Add images to your emailTask 🧑‍💻
    • Send a test emailTask 🧑‍💻
    • Wrap up
  • Single column email
    • Overview
    • The base HTML code
    • Adding a container in an email
    • Add a base and container to your emailTask 🧑‍💻
    • Embedding styled CTA links in email
    • Add a styled CTA link to your emailTask 🧑‍💻
    • Embedding lists in email
    • Add a list to your emailTask 🧑‍💻
    • Adding preview text to an email
    • Add preview text to your emailTask 🧑‍💻
  • Multi column email
    • Overview
    • Embedded CSS
    • Add some embedded CSSTask 🧑‍💻
    • Adding media queries
    • Add some media queriesTask 🧑‍💻
    • Adding columns
    • Adding a box
    • Add some columnsTask 🧑‍💻

Building a single column HTML email

Ready to start learning?

To begin this lesson, click start learning below!

On this page

    Do you also love email?

    Don’t miss out on !important tips, our short and sweet weekly email.

    Product

    • Code Editor
    • Approvals & Feedback
    • Email Design Systems
    • Analytics
    • Previews & Testing
    • Archives
    • For Teams
    • Pricing

    Resources

    • Documentation
    • Guides
    • Lessons
    • Customers
    • Sessions
    • Support
    • Changelog
    • Status

    Company

    • About
    • Blog
    • Brand Guidelines
    • Contact
    • Security

    Parcel vs.

    • Litmus

    Free tools

    • Email Resources
    • Mailto Link Generator
    • Calendar Link Generator
    • EML Viewer
    • What Does It Paste?
    • Can I send this image / font?
    • Email-ready Video Thumbnail Generator
    • Scroll My Email
    • Email Carbon Footprint Calculator
    • Placeholder Image Generator
    © 2025 Peaberry Software, Inc.Terms and ConditionsPrivacy
    hello@parcel.io