Skip to content

Instantly share code, notes, and snippets.

@chrisdpeters
Last active August 29, 2015 14:00
Show Gist options
  • Save chrisdpeters/a3e58b67be539f33fb2d to your computer and use it in GitHub Desktop.
Save chrisdpeters/a3e58b67be539f33fb2d to your computer and use it in GitHub Desktop.
<abbr title="Hypertext Markup Language">HTML</abbr> isn't so hard to learn after all, is it?
<img src="/images/logo.png" alt="Logo">
<img src="/images/logo.png" alt="XYZ Corporation">
<blockquote>
Less isn't more; just enough is more.
<cite>Milton Glaser</cite>
</blockquote>
<p>
Here is a basic <abbr title="Hypertext Markup Language">HTML</abbr> document:
</p>
<pre>
&lt;!DOCTYPE html&gt;
&lt;html class=&quot;no-js&quot; lang=&quot;en&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;utf-8&quot;&gt;
&lt;title&gt;An HTML Page&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;A Heading With Some &amp;quot;Quotes&amp;&quot;&lt;/h1&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<h1>The Visible Title of Your Page</h1>
<p class="lead">
A summary of the page perhaps would go here. Whatever, really.
</p>
<h2>A 2nd-level subheading</h2>
<p>
Some content and media or whatever.
</p>
<h3>A sub-subheading</h3>
<p>
This section appears under the 2nd level.
</p>
<h4>A sub-sub-subheading</h4>
<p>
I hope you're getting the point now.
</p>
<h2>We're back at the 2nd level</h2>
<p>
And this could have its own subsections as well...
</p>
Inline statements should be marked up with the <code>&lt;code&gt;</code> tag.
<p>
These are my top 3 tips for authoring HTML emails:
</p>
<ol>
<li>Use Litmus to test across email clients</li>
<li>Start with Outlook, Outlook.com, and Hotmail</li>
<li>Pray</li>
</ol>
<p>
You should consider doing these things on your first date:
</p>
<ul>
<li>Eat marshmallows</li>
<li>Teach the importance of tying your shoes <em>the right way</em></li>
<li>Discuss the finer points of lawnmower ownership</li>
</ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment