Coding HTML tables


show more Coding HTML tables provides you with in-depth training on Business. Taught by Tim Slavin as part of the Effective HTML Email and Newsletters show less
please wait ...

Coding HTML tables

In this video, we'll code a one-column HTML email. Typically, this design is used to send an announcement or advertise a single product. Here's the email, in JPEG format, that we'll code. Now, as we did in earlier videos, let's convert this design to a grid and call out the design elements: the logo, header, content area, and footer. The first step is to focus our eyes an inch or two off the screen, so we can begin to see this design not as a design, but as a set of blocks.

Then what we'll do is put a grid around the most common elements, and we have a set of boxes. So, let's look first at this large box that goes around all of the email itself. You'll also notice that the plum color is a box in itself, so the email is a box and the plum color is a box. So let's look at these boxes in HTML code. We'll start there. I'm using Notepad++, and I'm using it to highlight different tables.

So here we have the pseudo body table, which represents the pl...

Coding HTML tables
Video duration: 4m 38s 2h 24m Appropriate for all

Viewers:

Coding HTML tables provides you with in-depth training on Business. Taught by Tim Slavin as part of the Effective HTML Email and Newsletters

Subjects:
Business Web Marketing
Software:
HTML
Author:
please wait ...