HTML Tag Formatting Template

Author:
phil
Created:
Friday, December 09th, 2016
Last Updated:
Wednesday, October 02nd, 2019

Disclaimer: Accessing the information on this page means you agree to the Sites Terms of Service


I wanted a place to be able to copy a template of html tags and paste it into an existing site so I could check some of the more common formatting of site global tags.

Scroll to the bottom, copy the code and paste it into your site.

Headings

H1 - The quick brown fox jumps over the lazy dog

H2 - The quick brown fox jumps over the lazy dog

H3 - The quick brown fox jumps over the lazy dog

H4 - The quick brown fox jumps over the lazy dog

H5 - The quick brown fox jumps over the lazy dog
H6 - The quick brown fox jumps over the lazy dog

Page

PRE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.

P - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.

BR - Page Break

HR - Horizontal Rule


Blocks

DIV - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.


SPAN - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.

Formatting


B - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.


I - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.


STRONG - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.


EM - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.


SMALL - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.


SUB - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.


SUP - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.


INS - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.


DEL - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.


MARK - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.

Quotes & Citations

ABBR - When using the ABBR tag, you want to use it to describe what the acronym is, not necessarily spell out exactly what it is. Further explain what the abbreviation is, not it's actual definition. For example, if someone asked you what an MP3 was, would you tell them: "Oh, that's a Moving Picture Experts Group Layer-3 Audio File". No, you would tell them an MP3 is a digital music file. Try it out: MP3. For acronyms such as FBI or CSI, unless you think you clearly need to let the reader know the full acronym, just use the abbr tag and let Google know it's an acronym.

ADDRESS
John Smith
123 Foxtrot Ln.
Sunnyvale, NY 12345

BLOCKQUOTE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.


CITE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.


Q - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.

Anchors

A - http://www.google.com

Lists

UL - Unordered Lists

  • LI - List item 1
  • LI - List item 2
  • LI - List item 3

OL - Ordered Lists

  1. LI - List item 1
  2. LI - List item 2
  3. LI - List item 3

DL - Description Lists

DT Term 1
DD - Term 1 is something that defines a term
DD - This term can be used for many things
DD - This is a very happy term
DT Term 2
DD - Term 2 is something that defines a term
DD - This term can't be used for many things
DD - This is a sad term

Tables

CAPTION - This is a random unformatted table with two rows each containing three sets of columns.
TH - Table Header 1TH - Table Header 2TH - Table Header 3
ROW -> TD - Row 1 Table Data 1ROW -> TD - Row 1 Table Data 2ROW -> TD - Row 1 Table Data 3
ROW -> TD - Row 2 Table Data 1ROW -> TD - Row 2 Table Data 2ROW -> TD - Row 2 Table Data 3

Computer Code

<strong>CODE</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
<style type="text/css">
h2.fixed {
  font-size: 1.4em !important;
  background-color: #ddd !important;
  color: #444 !important;
  padding: 1em !important;
  margin: 1em 0 !important;
  font-weight: bold !important;
}

p.fixed {
  margin: 1em 0 !important;
  color: #222 !important;
  font-size: 1em !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-weight: normal !important;
}

br.fixed {
  margin: 0 !important;
  padding: 0 !important;
}
</style>

<h2 class="fixed">Headings</h2>

<h1>H1 - The quick brown fox jumps over the lazy dog</h1>
<p class="fixed">
<h2>H2 - The quick brown fox jumps over the lazy dog</h2>
<p class="fixed">
<h3>H3 - The quick brown fox jumps over the lazy dog</h3>
<p class="fixed">
<h4>H4 - The quick brown fox jumps over the lazy dog</h4>
<p class="fixed">
<h5>H5 - The quick brown fox jumps over the lazy dog</h5>
<p class="fixed">
<h6>H6 - The quick brown fox jumps over the lazy dog</h6>


<h2 class="fixed">Page</h2>

<pre>
<strong>PRE</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</pre>
<p class="fixed">
<p>
<strong>P</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</p>
<p class="fixed">
<strong>BR</strong> - Page Break
<br />
<p class="fixed">
<strong>HR</strong> - Horizontal Rule
<hr />
<p class="fixed">

<h2 class="fixed">Blocks</h2>

<div>
<strong>DIV</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</div>
<p class="fixed">
<span>
<strong>SPAN</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</span>

<h2 class="fixed">Formatting</h2>

<b>
<strong>B</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</b>
<p class="fixed">
<i>
<strong>I</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</i>
<p class="fixed">
<strong>
<strong>STRONG</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</strong>
<p class="fixed">
<em>
<strong>EM</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</em>
<p class="fixed">
<small>
<strong>SMALL</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</small>
<p class="fixed">
<sub>
<strong>SUB</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</sub>
<p class="fixed">
<sup>
<strong>SUP</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</sup>
<p class="fixed">
<ins>
<strong>INS</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</ins>
<p class="fixed">
<del>
<strong>DEL</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</del>
<p class="fixed">
<mark>
<strong>MARK</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</mark>

<h2 class="fixed">Quotes & Citations</h2>

<strong>ABBR</strong> - When using the <abbr title="abbreviation">ABBR</abbr> tag, you want to use it to describe what the acronym is, not necessarily spell out exactly what it is.  Further explain what the abbreviation is, not it's actual definition.  For example, if someone asked you what an MP3 was, would you tell them: "Oh, that's a Moving Picture Experts Group Layer-3 Audio File".  No, you would tell them an MP3 is a digital music file.  Try it out: <abbr title="lossy digital music file">MP3</abbr>.  For acronyms such as FBI or CSI, unless you think you clearly need to let the reader know the full acronym, just use the abbr tag and let Google know it's an acronym.
<p class="fixed">
<address>
<strong>ADDRESS</strong>
<br class="fixed">
John Smith
<br class="fixed">
123 Foxtrot Ln.
<br class="fixed">
Sunnyvale, NY 12345
</address>
<p class="fixed">
<blockquote>
<strong>BLOCKQUOTE</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</blockquote>
<p class="fixed">
<cite>
<strong>CITE</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</cite>
<p class="fixed">
<q>
<strong>Q</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.
</q>

<h2 class="fixed">Anchors</h2>

<strong>A</strong> - <a href="http://www.google.com">http://www.google.com</a>

<h2 class="fixed">Lists</h2>

<strong>UL - Unordered Lists</strong>
<ul>
<li>LI - List item 1</li>
<li>LI - List item 2</li>
<li>LI - List item 3</li>
</ul>
<p class="fixed">
<strong>OL - Ordered Lists</strong>
<ol>
<li>LI - List item 1</li>
<li>LI - List item 2</li>
<li>LI - List item 3</li>
</ol>
<p class="fixed">
<strong>DL - Description Lists</strong>
<dl>
 <dt>DT Term 1</dt>
  <dd>DD - Term 1 is something that defines a term</dd>
  <dd>DD - This term can be used for many things</dd>
  <dd>DD - This is a very happy term</dd>
 <dt>DT Term 2</dt>
  <dd>DD - Term 2 is something that defines a term</dd>
  <dd>DD - This term can't be used for many things</dd>
  <dd>DD - This is a sad term</dd>
</dl>

<h2 class="fixed">Tables</h2>

<p class="fixed">
<table style="width:100%">
<caption>
<strong>CAPTION</strong> - This is a random unformatted table with two rows each containing three sets of columns.
</caption>
  <tr>
    <th>TH - Table Header 1</th>
    <th>TH - Table Header 2</th> 
    <th>TH - Table Header 3</th>
  </tr>
  <tr>
    <td>ROW -> TD - Row 1 Table Data 1</td>
    <td>ROW -> TD - Row 1 Table Data 2</td> 
    <td>ROW -> TD - Row 1 Table Data 3</td>
  </tr>
  <tr>
    <td>ROW -> TD - Row 2 Table Data 1</td>
    <td>ROW -> TD - Row 2 Table Data 2</td> 
    <td>ROW -> TD - Row 2 Table Data 3</td>
  </tr>
</table>

<h2 class="fixed">Computer Code</h2>

<code>
<strong>CODE</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus lectus et sodales mattis. Nulla pretium quam nisi, posuere suscipit libero aliquet ac. Integer ultrices scelerisque efficitur. Proin dignissim faucibus nisi, ut finibus odio lacinia vel. Vivamus sodales tincidunt erat id venenatis. Vivamus et blandit ligula. Sed lorem quam, facilisis sit amet mi a, maximus suscipit neque. Morbi lobortis pulvinar ipsum, nec pretium purus congue ut. Aliquam ac sodales nisi, sed viverra risus. Praesent viverra, metus a maximus dictum, mauris nulla placerat elit, et euismod urna velit id eros. Maecenas eu leo felis. Integer erat felis, molestie ac dapibus non, tristique varius ipsum. Ut ut arcu ac eros venenatis euismod.

Post Comment