Header

Vocabulary

Header

Syntax

This appears at the top of every email.

Semantics

The header helps set a consistent stage for our emails. Right off the bat, the logo tells the user it's a Treehouse email. The "View in Browser" link provides an easy way to view the email in a browser, in case of email client rendering issues or if the user wishes to share the link to a collegue..

HTML

<!-- // Begin Header -->
<table class="esg-email-header" border="0" cellpadding="0" cellspacing="0" width="100%">

  <!-- // Header Item: Primary Header -->
  <tr>
    <td align="left" width="50%" class="esg-wrap-logo esg-p-tb-5">
      <a href="https://teamtreehouse.com"><img class="esg-logo esg-logo-default" width="191" border="0" src="https://s3.amazonaws.com/treehouse-email-images/templates/logo2x.png" alt="Treehouse"></a>
    </td>
    <td align="right" width="50%" class="esg-text-right">
      <a href="http://www.teamtreehouse.com" target="_blank" class="esg-text-color-light esg-text-6 esg-link esg-link-gray esg-browser-link">View in browser</a>
    </td>
  </tr>

</table>
<!-- // End Container: Header -->