Web Content Guidelines - http://www.liveeditorcms.com/gc/playbook/web-content-guidelines/
<abbr title="Hypertext Markup Language">HTML</abbr> isn't so hard to learn after all, is it? |
<img src="/images/logo.png" alt="Logo"> |
<a href="mailto:someone@example.com">Email me</a> |
<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> | |
<!DOCTYPE html> | |
<html class="no-js" lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>An HTML Page</title> | |
</head> | |
<body> | |
<h1>A Heading With Some &quot;Quotes&"</h1> | |
</body> | |
</html> | |
</pre> |
<a href="mailto:someone@example.com">someone@example.com</a> |
<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><code></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